从行的最后一项中删除边距

时间:2012-11-07 12:55:51

标签: css

我有3列和3行div元素。

使用CSS从每三个项目中删除右边距的最佳方法是什么?

3 个答案:

答案 0 :(得分:1)

:nth-child(3n)将选择每三个项目。这是一个带有无序列表的示例:http://jsfiddle.net/894p6/

虽然在IE8或更低版本中不受支持。您可以使用jQuery选择器,如果需要,可以使用它。

答案 1 :(得分:1)

您可以使用:nth-child

div:nth-child(3n+3) {  
    margin-right: 0;
}

看一下这个链接,非常有帮助:http://css-tricks.com/how-nth-child-works/

答案 2 :(得分:-2)

你可以为第三项添加一个自定义类,边距设置为0 px,但你仍然必须使用动态的东西(如果你的行可以变化)来应用阶梯。

对于动态我的意思是像if语句检测项目是否是第三个