flex 布局 一行固定显示4个多出换行

可以使用 flex 布局的 `flex-wrap` 属性来实现一行固定显示4个，多出的自动换行，具体的实现方式如下：

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

.item {
  flex: 0 0 calc(25% - 10px); /* 一行显示4个，减去间距 */
  margin-right: 10px;
  margin-bottom: 10px;
}

在上面的代码中，`.container` 是包含所有子元素的容器，`.item` 是每个子元素。通过设置 `.container` 的 `flex-wrap: wrap` 属性，子元素会自动换行。同时，通过设置 `.item` 的 `flex: 0 0 calc(25% - 10px)` 属性，每个子元素占据 25% 的宽度（减去间距），即一行显示 4 个。`margin-right` 和 `margin-bottom` 则是为了设置子元素之间的间距。