如何让一行flex布局的元素分为两行

可以使用 `flex-wrap: wrap` 属性来实现一行flex布局的元素分为两行的效果。具体操作如下：

1. 给父容器设置`flex-wrap: wrap`属性，让元素可以换行。

2. 给需要分行的元素添加一个固定宽度或者百分比宽度，这样这些元素就可以自动换行了。

以下是一个示例代码：

<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
  <div class="item">6</div>
  <div class="item">7</div>
  <div class="item">8</div>
</div>

.container {
  display: flex;
  flex-wrap: wrap;
}
.item {
  width: 50%;
}

上面的代码中，每个元素的宽度都是50%，当容器的宽度不足以容纳所有元素时，它们就会自动换行成两行。