在一个flex盒子中，如何让里面的元素平均分布

在一个 flex 盒子中让里面的元素平均分布，可以通过设置 `justify-content` 属性为 `space-between` 来实现。具体地说，可以按照以下步骤操作：

1. 将容器的 `display` 属性设置为 `flex`，使其成为一个 flex 容器。

2. 将容器的 `justify-content` 属性设置为 `space-between`，表示在容器内平均分布元素，即元素之间的间隔相等。

3. 将容器内的元素的 `flex-grow` 属性设置为 1，表示所有元素都可以自动拉伸以占据剩余空间。

下面是一个示例代码片段：

<div class="container">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

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

.item {
  flex-grow: 1;
}

这样，容器内的元素就可以平均分布了。