CSS-清除多行盒子排列每行最后一个盒子外边距属性
在项目中我曾经碰到过多行盒子排列,为了盒子之间的间隔从而添加了margin-right属性,但在每一行的最后一个元素的margin-right属性总是会影响到盒子的布局,从而导致本应该出现在当前行最后一个的盒子因为该属性导致空间不够从而被换行到下一行进而导致的UI显示问题。通过多次的实践思考我想到了几种解决的办法,也因此希望在这里进行心得记录,其具体的解决方法如下:①使用结构伪类选择器进行筛选nth-child()在类名为test的盒子样式上则如下所示:.test:nth-child(4n){
原创
2022-03-21 00:33:10 ·
2453 阅读 ·
1 评论