css box-flex property

box

英[bɒks] 美[bɑ:ks]

n.Box; box-like object; box; sentry room

vt. Put... into a box [box, box]

vt.& vi.Boxing

Third person singular: boxes Plural: boxes Present participle: boxing Past tense: boxed Past participle: boxed

flex

英[fleks] 美[flɛks]

v.Bend (joint); contract (muscle); show strength

n. Bend; [electricity] flower wire

Third person singular: flexes Present participle: flexing Past tense: flexed Past participle: flexed

css box-flex property syntax

Function:Specifies whether the child elements of the box can expand or contract their size.

Syntax:box-flex: value;

Description:value The scalable row of elements. Flexibility is relative, for example, a child element with a box-flex of 2 is twice as flexible as a child element with a box-flex of 1.

Note:Scalable elements can be abbreviated or enlarged as the box shrinks or expands. Whenever there is extra space in the box, the scalable element expands to fill that space. No browser currently supports the box-flex attribute. Firefox supports an alternative -moz-box-flex property. Safari, Opera, and Chrome support the alternative -webkit-box-flex attribute.

css box-flex property example

    
  
 
Hello
 
php中文网
 
 
注释：IE 不支持 box-flex 属性。