flex布局中，怎么让多个div容器填满主轴

在flex布局中，让多个div容器填满主轴有两种常用的方法：

使用flex-grow

使用flex-grow属性，可以控制弹性容器内项目的放大比例。如果希望让多个div容器均匀分配主轴空间，可以将它们的flex-grow属性设置为相同的值。

例如，如果有三个div容器，想让它们平均占据主轴上的空间，可以这样设置：

.container {
  display: flex;
}
.item {
  flex-grow: 1; /* 将三个div容器均分主轴上的空间 */
}