flex布局设置子元素

在 Flex 布局中，可以使用以下属性来设置子元素的样式：

1. `display`: 设置子元素的显示方式为 flex。例如：`display: flex;`

2. `flex-direction`: 设置子元素的排列方向。可以是 `row`（默认值，水平排列）、`column`（垂直排列）、`row-reverse`（水平反向排列）或 `column-reverse`（垂直反向排列）。例如：`flex-direction: row;`

3. `flex-wrap`: 设置子元素是否换行。可以是 `nowrap`（默认值，不换行）或 `wrap`（换行）。例如：`flex-wrap: wrap;`

4. `justify-content`: 设置子元素在主轴上的对齐方式。可以是 `flex-start`（默认值，左对齐）、`flex-end`（右对齐）、`center`（居中对齐）、`space-between`（两端对齐，项目之间间隔相等）或 `space-around`（每个项目两侧的间隔相等）。例如：`justify-content: center;`

5. `align-items`: 设置子元素在交叉轴上的对齐方式。可以是 `flex-start`（顶部对齐）、`flex-end`（底部对齐）、`center`（居中对齐）、`baseline`（基线对齐）或 `stretch`（默认值，拉伸填满交叉轴）。例如：`align-items: center;`

6. `align-content`: 设置多行子元素在交叉轴上的对齐方式。可以是 `flex-start`（顶部对齐）、`flex-end`（底部对齐）、`center`（居中对齐）、`space-between`（两端对齐，项目之间间隔相等）、`space-around`（每个项目两侧的间隔相等）或 `stretch`（默认值，拉伸填满交叉轴）。例如：`align-content: center;`

这些属性可以分别应用于父容器（即包含子元素的容器）来设置子元素的布局。希望这些信息对你有帮助！