弹性盒子 相关属性

弹性盒子（Flexbox）相关属性如下：

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或space-evenly。

4. align-items：用于定义交叉轴上的对齐方式，值可以是flex-start、flex-end、center、baseline或stretch。

5. align-content：用于定义多行或多列的对齐方式，值可以是flex-start、flex-end、center、space-between、space-around或stretch。

6. flex-wrap：用于定义是否允许容器的子元素换行，值可以是nowrap、wrap或wrap-reverse。

7. flex-flow：可以同时设置flex-direction和flex-wrap属性，其值为flex-direction和flex-wrap的组合。

8. order：用于定义容器子元素的排列顺序，数值越小越靠前，默认为0。

9. flex-grow：用于定义子元素的放大比例，默认为0，表示不放大。

10. flex-shrink：用于定义子元素的缩小比例，默认为1，表示可缩小。

11. flex-basis：用于定义子元素在主轴上的初始大小，可以是长度值或百分比。

12. flex：用于同时设置flex-grow、flex-shrink和flex-basis属性，其值为三者的组合。

13. align-self：用于定义单个子元素在交叉轴上的对齐方式，值可以是auto、flex-start、flex-end、center、baseline或stretch。