做网站的经常会遇到列表页面,做过前端的人都知道,如果我们给列表页面的元素设置左右边距的话,那么每一行最后一个元素就会有边距,这种设计有时会显得网站很不好看,像没有对齐一样。
解决这个问题的办法就是把最后的一个元素加上边距为0的样式,用 nth-child(n)就可以解决。
但是这样的话,比如我有100行,我就得给这100个元素都加上边距为0的样式。
这个时候就可以用到 nth-child(Xn)了 比如每2个元素就添加一个边距为0的样式
:nth-child(2n){margin: 0;}

本文地址:你可能不知道css小技艺nth-child()的使用

在线留言

免费获取解决方案!

Write here

我们提供的产品解决方案 >>

百度SEO

01 AI万词霸屏

搜狗SEO

02 关键词优化(SEO)

SEO诊断

03 免费SEO诊断

SEO培训

04 SEO营销推广

SEO顾问

05 SEO方案定制

网站降权

06 网站降权恢复

百度SEO

07 整站优化

搜狗SEO

08 微信小程序

SEO诊断

09 微商城开发

SEO培训

10 网站竞价托管

SEO顾问

11 社区团购系统

网站降权

12 积分管理系统