flex 一行3个 左对齐 使用justify-content: space-between

如果你想让一行中的元素左对齐，并且每个元素之间有相同的间距，可以使用 `display: flex` 和 `justify-content: space-between` 属性。具体地说，你可以按照以下步骤进行设置：

1. 给包含元素设置 `display: flex` 属性，这样它们就可以按照一行排列。
2. 给包含元素设置 `justify-content: space-between` 属性，这样它们就会在水平方向上平均分布，每个元素之间的距离相同。
3. 如果你希望一行中最多只显示3个元素，可以给每个元素设置一个固定的宽度，并使用 `flex-wrap: wrap` 属性将多余的元素换行。

下面是一个示例代码：

<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>

.container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.item {
  width: 30%;
}

在上面的示例中，`container` 是包含所有元素的容器，每个元素都有一个 `item` 类。设置了 `width: 30%;` 属性，使得每行最多只能显示3个元素，剩余的元素会换行。设置了 `justify-content: space-between;` 属性，使得每个元素之间的距离相同，并且左对齐。