flex布局最后一行列表左对齐

1、如果每一行的列数不固定，就是使用足够的空白标签进行填充占位，具体的占位数量是由最多列数的个数决定的，例如这个布局最多n列，那我们可以使用n个空白标签进行填充占位。
效果展示

.list{ width: 200px; display: flex; justify-content: space-between; flex-wrap: wrap; margin-right: -10px; } .item { width: 100px; height:100px; background-color: skyblue; margin: 15px 10px 0 0; } /* i和列表一样的宽度和margin值 */ .item > i { width: 100px; margin-right: 10px; }