flex的12个属性

容器（父元素）的属性：

flex-direction属性决定主轴的方向

flex-wrap 属性决定项目在一行排不下的情况下是否换行

flex-flow flex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap。

jstify-content    justify-content属性定义了项目在主轴上的对齐方式

align-items 属性定义了每行项目在側轴方向上的对齐方式\

align-content属性 align-content属性定义了容器在側轴方向上有额外空间时怎样排布

子容器

order属性     order属性定义项目的排列顺序。数值越小排列越靠前，默觉得0，可能的值为随意整数。

flex-grow属性 flex-grow属性定义项目的放大比例，默觉得0，即假设存在剩余空间也不放大。

flex-shrink属性 flex-shrink属性定义了项目的缩小比例，默觉得1。即假设空间不足该项目将缩小。

flex-basis 属性定义了在分配多余空间之前，项目占领的主轴空间（main-size）。

flex属性   flex属性是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。  

align-self属性 align-self属性同意单个项目有与其它项目不一样的側轴对齐方式，可覆盖align-items属性。

 

转载于:https://www.cnblogs.com/zhouyideboke/p/11152269.html