css 中的一个参数忘记了

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

http://caniuse.com/

Less

http://lesscss.org

Cool Libraries

Bootstrap from Twitter

Jetstrap

这是一个创建于 3812 天前的主题，其中的信息可能已经有所发展或是发生改变。

li{float:left;margin-right:20px;}

记得css有个参数可以把固定间隔li中margin属性消掉
比如一横排显示3个,那个参数就把3 6 9...li中margin-right:20px覆盖成0

这个参数是什么

margin

参数

CSS

7 条回复 2015-05-06 18:40:28 +08:00

January

2015-05-06 18:05:54 +08:00

在ul上设置一个等值的负margin?

luckylion

2015-05-06 18:08:30 +08:00

@January 不是
li{float:left;margin-right:20px; 在这儿直接定义的 }

bunorte

2015-05-06 18:08:31 +08:00

li:nth-child(3n){margin-right:0}

kingwrcy

2015-05-06 18:09:59 +08:00

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

luckylion

2015-05-06 18:11:02 +08:00

是 nth-child
感谢

Gonster

2015-05-06 18:17:25 +08:00 via iPhone

楼主你问的这个叫css的伪类(Pseudo-classes)

jankan

2015-05-06 18:40:28 +08:00

lz这么写是不好的

应该学习bootstrap的写法, margin改为padding来解决
不过要把box-size改一下
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul {margin:0 -20px}
li {float:left;padding:0 20px;width:33.333333%;}