flex 如何实现让两侧的间隔相等且换行后从左往右

可以使用Flex布局的justify-content和flex-wrap属性来实现让两侧的间隔相等且换行后从左往右的效果。具体实现方法如下：

首先，设置容器的display属性为flex，justify-content属性为space-between，flex-wrap属性为wrap。这样子元素在一行排不下时，会自动换行并将它们分成两侧，两侧之间的间隔相等。

然后，设置左侧和右侧的子元素的flex-grow属性为1，这样它们会平分剩余的空间，从而实现两侧的间隔相等的效果。

最后，设置左侧的子元素的order属性为1，右侧的子元素的order属性为2，这样在换行后，左侧的子元素会排在上一行的最左侧，右侧的子元素会排在下一行的最左侧，从而实现从左往右的效果。

以下是示例代码：

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

.left,
.right {
  flex-grow: 1;
}

.left {
  order: 1;
}

.right {
  order: 2;
}