-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:会根据主轴自动伸缩以占用所有剩余空间,非常类似于普通流中的自动外边距
Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐