css display:flex; 正常换行

当一个元素设置为 `display: flex` 时，它会变成一个弹性盒子（flex container）。它内部的所有子元素都会变成弹性盒子项（flex item）。

如果你想让弹性盒子的子元素正常换行，你可以使用 `flex-wrap` 属性。它有两个值：

- `nowrap`：不允许换行（默认值）
- `wrap`：允许换行

例如：

.container {
  display: flex;
  flex-wrap: wrap;
}

这样，当容器的宽度不足以容纳所有子元素时，子元素会自动换行。

另外，如果你想控制换行后子元素的排列方式，你可以使用 `flex-direction` 属性。它有四个值：

- `row`：子元素水平排列（默认值）
- `row-reverse`：子元素水平反向排列
- `column`：子元素竖直排列
- `column-reverse`：子元素竖直反向排列

例如：

.container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

这样，当子元素换行后，它们会竖直排列。