移动端flex布局

flex属性是下列属性的缩写属性：

• flex-grow
• flex-shrink
• flex-basis

flex属性设置flex项目的长度。

注意：如果元素不是flex项，则flex属性无效。

特征	说明
默认值	0 1 auto
继承	没有
动画	有。CSS动画参考
CSS版本	CSS3
JavaScript语法	object.style.flex="1"

css语法

flex: flex-grow flex-shrink flex-basis|auto|initial|inherit;

属性值	描述
flex-shrink	一个数字，指定项目相对于其他flex项目的收缩程度
flex-basis	物品的长度。 合法值：“auto”，“inherit”或后跟“％”，“px”，“em”或任何其他长度单位的数字
auto	与 1 1 auto 相同。
none	与 0 0 auto 相同。
flex-grow	一个数字，指定项目相对于其他flex项目的增长量

 

更多好的flex布局教程：flex布局教程