弹性盒子属性

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

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

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

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

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

8.flex-flow：flex-direction 和 flex-wrap 的缩写。

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

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

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