flex的容器属性和项目属性有哪些？介绍10个属性各自的作用。

Flexbox布局模式中，容器属性和项目属性都是十分重要的。下面是flex的10个容器属性和项目属性以及它们的作用：

1. 容器属性：display
- 定义一个容器是一个flex容器还是一个普通容器

2. 容器属性：flex-direction
- 定义了主轴的方向，即项目应该如何排列

3. 容器属性：justify-content
- 定义了项目在主轴上的对齐方式

4. 容器属性：align-items
- 定义了项目在交叉轴上的对齐方式

5. 容器属性：flex-wrap
- 定义了项目是否应该换行

6. 容器属性：flex-flow
- 是flex-direction和flex-wrap的简写形式

7. 容器属性：align-content
- 定义了多根轴线的对齐方式，如果项目只有一行，该属性不起作用

8. 项目属性：order
- 定义了项目的排列顺序，数值越小，排列越靠前，默认为0

9. 项目属性：flex-grow
- 定义了项目的放大比例，如果有剩余空间，项目将按照比例放大

10. 项目属性：flex-shrink
- 定义了项目的缩小比例，如果空间不足，项目将按照比例缩小。