不在一行平分,按照元素宽度自动换行,但是还是要平分

您好，我可以理解您的问题。如果您想要在不同行中平分元素，可以使用flexbox中的flex-wrap属性来控制元素的换行。同时，可以使用flex-grow属性来平分元素，让它们在容器中均匀分布。以下是一个简单的示例，希望可以帮到您：

HTML代码：

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

CSS代码：

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

.item {
  flex-grow: 1;
  width: 33.33%; /* 元素宽度为容器宽度的1/3 */
  box-sizing: border-box;
  border: 1px solid black;
  padding: 10px;
}

在上述代码中，我们使用了flex-wrap属性来让元素自动换行，并使用flex-grow属性来平分元素。同时，我们还设置了元素的宽度为容器宽度的1/3，以实现平分的效果。