<ul>
<li>....<li>
<li>....<li>
<li>....<li>
<li>....<li>
......
</ul>
li{float:left;margin-right:20px;}
记得css有个参数可以把固定间隔li中margin属性消掉
比如一横排显示3个,那个参数就把3 6 9...li中margin-right:20px覆盖成0
这个参数是什么
1
January 2015-05-06 18:05:54 +08:00 1
在ul上设置一个等值的负margin?
|
3
bunorte 2015-05-06 18:08:31 +08:00 1
li:nth-child(3n){margin-right:0}
|
4
kingwrcy 2015-05-06 18:09:59 +08:00 1
li:nth-child(3n){
margin-right:0; } |
5
luckylion OP 是 nth-child
感谢 |
6
Gonster 2015-05-06 18:17:25 +08:00 via iPhone
楼主你问的这个叫css的伪类(Pseudo-classes)
|
7
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%;} |