新版语法

1 伸缩容器属性

属性	描述
flex-direction	设置主轴的方向。
flex-wrap	设置伸缩项目超出伸缩容器时是否换行。
flex-flow	复合属性，`flex-direction` 属性和 `flex-wrap` 属性的简写形式。
justify-content	设置伸缩项目在主轴方向上的对齐方式。
align-items	设置伸缩项目在侧轴方向上的对齐方式。
align-content	定义了多根轴线的对齐方式，如果项目只有一根轴线，该属性不起作用。

属性	描述
flex-grow	设置伸缩项目的扩展比率。
flex-shrink	设置伸缩项目的收缩比率。
flex-basis	设置伸缩项目的收缩基准值。
flex	复合属性，`flex-grow`, `flex-shrink` 和 `flex-basis`的简写。
order	设置伸缩项目的排列顺序，数值越小，排列越靠前。
align-self	设置伸缩项目自身在侧轴方向上的对齐方式。