flex-wrap: wrap;

`flex-wrap: wrap;` 是 CSS Flexbox 布局中的一个属性，用于控制 flex 容器中的 flex items 在一行排列不下时是否换行。

默认情况下，`flex-wrap` 的值为 `nowrap`，即所有 flex items 将在同一行上排列，如果空间不足，则可能会溢出容器。而当 `flex-wrap` 的值为 `wrap` 时，当 flex items 排列到一行排列不下时，会自动换行到下一行。

例如，当一个 flex 容器中有三个 flex items，而容器宽度只能容纳两个 flex items，如果 `flex-wrap` 的值为 `nowrap`，则三个 flex items 将会被挤在同一行上，导致溢出。而如果 `flex-wrap` 的值为 `wrap`，则第三个 flex item 会自动换行到下一行上，避免了溢出的问题。