<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 年 5 月 6 日 在ul上设置一个等值的负margin?
|
3
bunorte 2015 年 5 月 6 日 li:nth-child(3n){margin-right:0}
|
4
kingwrcy 2015 年 5 月 6 日 li:nth-child(3n){
margin-right:0; } |
5
luckylion OP 是 nth-child
感谢 |
6
Gonster 2015 年 5 月 6 日 via iPhone
楼主你问的这个叫css的伪类(Pseudo-classes)
|
7
jankan 2015 年 5 月 6 日
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%;} |