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属性。 |
