flex布局换行左对齐

Flex布局是一种用于页面布局的弹性盒子模型，它可以方便地实现元素的自适应和对齐方式的调整。在Flex布局中，换行和左对齐可以通过以下方式实现：

1. 换行：当容器的宽度不足以容纳所有子元素时，子元素会自动换行到下一行。可以通过设置容器的`flex-wrap`属性来控制换行的方式。默认情况下，`flex-wrap`的值为`nowrap`，表示不换行。如果想要实现换行，可以将其设置为`wrap`或者`wrap-reverse`。例如：

.container {
  display: flex;
  flex-wrap: wrap;
}

2. 左对齐：在Flex布局中，默认情况下，子元素会根据主轴方向进行对齐。如果想要实现左对齐，可以将容器的`justify-content`属性设置为`flex-start`。例如：

.container {
  display: flex;
  justify-content: flex-start;
}

综合起来，如果想要实现Flex布局下的换行左对齐，可以使用以下代码：

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