Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。

容器的属性

属性llllllllllllllIIIIIIIIIII 描述
display属性 指定容器采用flex布局
flex-direction 属性决定主轴的方向（即项目的排列方向）
flex-wrap 项目的换行方式
flex-flow direction和warp的缩写默认是row nowrap
justify-content 项目在主轴上的对齐方式
align-items 项目在交叉轴上对齐方式
align-content 交叉轴多根轴线的对齐方式，一根不起作用

项目的属性

属性 llllllllllllllIIIIIIIIIII 描述
flex-order 项目的排列顺序。数值越小，排列越靠前，默认为0
flex-grow 项目的放大比例，默认为0，即如果存在剩余空间，也不放大。
flex-shrink 项目的缩小比例，默认为1，即如果空间不足，该项目将缩小（常体现在主轴是x轴时且nowarp时）。
flex-basis
flex flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto，后两个属性可选。常用使项目不缩放，在项目上加：flex:1,
align-self align-self属性允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性。