1. 首页
  2. 操作系统
  3. Solaris
  4. css3 flex布局 justify content:space between 最后一行左对齐

css3 flex布局 justify content:space between 最后一行左对齐

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