弹性盒子属性

1 display：指定元素使用弹性盒子布局，属性值为 flex 或 inline-flex。

2 flex-direction：指定弹性盒子主轴的方向，属性值可以是 row（默认值，主轴为水平方向）、row-reverse（主轴为水平方向，但从右到左排列）、column（主轴为垂直方向）或 column-reverse（主轴为垂直方向，但从下到上排列）。

3 justify-content：指定弹性盒子在主轴上的对齐方式，属性值可以是 flex-start（默认值，从起点对齐）、flex-end（从终点对齐）、center（居中对齐）、space-between（两端对齐，项目之间间距相等）或 space-around（每个项目两侧的间距相等）。

4 align-items：指定弹性盒子在交叉轴上的对齐方式，属性值可以是 flex-start（从起点对齐）、flex-end（从终点对齐）、center（居中对齐）、baseline（基线对齐）或 stretch（默认值，拉伸对齐）。

5 flex-wrap：指定弹性盒子是否换行。属性值可以是 nowrap（不换行）、wrap（换行）或 wrap-reverse（反向换行）。

6 flex-flow：flex-direction 和 flex-wrap 的缩写。

7 align-content：多条轴线的对齐方式。属性值可以是 flex-start、flex-end、center、space-between、space-around 或 stretch（默认值，每条轴线占满整个交叉轴）。

8 flex：指定项目的伸缩比例，默认为 0。如果一个项目的 flex 为 2，另一个项目的 flex 为 1，则前者占据的空间是后者的两倍。

9 order：指定项目的排列顺序。数值越小，排列越靠前，默认为 0。