flex布局最后一行左对齐

在使用 Flex 布局时，想要让最后一行左对齐，可以使用 flexbox 中的两个属性： justify-content 和 flex-wrap 。

具体实现方式如下：

将父元素的 flex-wrap 属性设置为 wrap 。这样，当子元素宽度之和超过父元素宽度时，子元素会自动换行。

将父元素的 justify-content 属性设置为 flex-start 。这样，子元素会在父元素的起点（左侧）对齐。

最后，使用 CSS 代码如下所示：

.parent {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
.child {
  flex: 0 0 auto;
其中，.parent 表示父元素，.child 表示子元素。flex: 0 0 auto; 是子元素的默认属性，意味着子元素不会随着窗口的变化而变化大小。
使用这种方式可以让子元素在最后一行左对齐，即使子元素的宽度不同。希望对你有所帮助，如果你还有其他问题，请随时提问。