您的位置: 首页 > -webkit-flex
-webkit-flex 属性
一个元素被定义display:-webkit-flex;则此元素即为伸缩盒模型中的伸缩容器，其包含的子元素是伸缩项目。 flex是一个复合属性。Flexbox伸缩布局盒模型中的伸缩容器及伸缩特性定义。 由多个伸缩项目组成其具体的布局方式。 是为了呈现复杂的应用与页面而设计出来的。
-webkit-flex: 6.1+ 21+ 4.4+ 7+
flex: × 29+ 4.4+ 7+
语法
display:-webkit-flex; [指定伸缩容器]
-webkit-flex: none | [flex-grow flex-shrink || flex-basis] | initial | auto
取值
| none | 在任何情况都不会发生伸缩 |
|---|---|
| flex-grow | 扩展比率 |
| flex-shrink | 收缩比率 |
| flex-basis | 伸缩基准值 |
| initial | 在有剩余空间的情况下不会有任何变化，但是在必要的情况下会被收缩 |
| auto | 会根据主轴自动伸缩以占用所有剩余空间，非常类似于普通流中的自动外边距 |