flex 从左边开始 平分间隙

可以使用 Flexbox 的 `justify-content` 属性来实现从左边开始平分间隙。具体做法如下：

1. 给父元素设置 `display: flex`。
2. 设置 `justify-content: space-between`，让子元素在父元素内平均分布。
3. 如果需要从左边开始平分间隙，可以再设置 `align-items: center`，让子元素在垂直方向上居中对齐。

示例代码如下：

<div class="container">
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
  <div class="item">Item 3</div>
</div>

.container {
  display: flex;
  justify-content: space-between;
  align-items: center; /* 从左边开始平分间隙 */
}

.item {
  flex: 1;
}

这样就可以实现从左边开始平分间隙的效果了。