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