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