首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

CSS 中最后一行中元素如何向左对齐

自从CSS 3.0出来以后,很多的页面布局都用弹性布来实现,特别是移动端,但是弹性布局也有它的弊端,就是最后一行如果数量不够,不会像我们正常的想法一样居左对齐。效果如下: 代码如下: <!...3个元素 */ .item:last-child:nth-child(4n - 1) { margin-right: calc(24% + 4% / 3); } /* 如果最后一行是2个元素 */...子元素宽度不固定 如果每一个子元素宽度不固定,那最后一行如何实现左对齐呢,有以下两种方法。 1. 弹性布局,两边对齐,最后一个元素的右边距设置为自动。...每行列数不固定 如果每一行列数不固定,那最后一行如何实现左对齐呢,有以下两种方法。 1. 使用足够的空白标签进行填充占位,具体的占位数量是由最多列数的个数决定的,一行最多几列,就用几个空白标签。...使用格子布局,有天然的间隙和对齐排布,因此,实现最后一行左对齐可以认为是天生的效果。

1.9K10
领券