每一行列数不固定
相关CSS如下，实现的关键就是占位的元素宽度和margin大小设置得和.list列表元素一样即可，其他样式都不需要写。
由于元素高度为0，因此，并不会影响垂直方向上的布局呈现。
注意：这里i的margin-right看情况来定，width基本就是list的宽度
总结：首先最后一行需要左对齐的布局更适合使用CSS grid布局实现，但是，repeat()函数兼容性有些要求，IE浏览器并不支持。如果项目需要兼容IE，则此方法需要斟酌。
拓展
解决单个子元素位置
-
加上一个样式
margin-left: auto 或者 margin-start: auto
可能只适用于一行两个的情况。而且会产生像左边或者右边偏移的现象，会让justify-content属性失效。
- 使用justify-content: space-between
父盒子可以使用justify-content: space-between; 单个元素不会居中了，而是两边对齐的状态，完美解决了问题。
