在使用justify-content:space-between布局时,针对最后一行元素使用 justify-self: start;没有效果,查了下css3 flexbox 还未支持。
那么如何实现最后一行左对齐呢?
现有的几个方案
使用标签元素补全缺的item
使用grid
使用伪类
伪类的情况,如果最后一个元素是满的,会有占位,grid会有兼容问题,又不想新增标签。
每一行固定列数的情况实现左对齐方案
由于每一列的数目都是固定的,因此,我们可以计算出最后一个元素的margin-right值保证完全左对齐。
假设每一行只有3列元素,那么当最后一个元素是第二列(即li
1