Flex最后一行左对齐

这里总结了两个 trick 去解决 space-between 中最后元素不向左对齐的问题。

方法1

display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: space-around;
&::after {
    content: '';
    flex: auto;
}

在需要进行 space-between 的 items 最后加上几个  标签，其中  标签的个数等于每行的个数。

justify-content: space-between;
i {
    width: 160px;
    padding: 0 25px;
}

然后在 CSS 中把  标签的 width 和 padding 设置和前面的 items 的宽度一样。该 trick 的原理就是用不可见的  标签来填充末尾空的位置。