去除行内元素之间空隙的几种方式
- 去掉空格
<ul> <li> oneli><li> twoli><li> threeli> ul>
或者
<ul> <li>oneli ><li>twoli ><li>threeli> ul>
或者
<ul> <li>oneli><li>twoli><li>threeli> ul>
-
可以用-4px的margin将元素移回原位(可能需要根据父元素的字体大小进行调整)。显然，这在旧的IE(6和7)中是有问题的，但如果你不关心这些浏览器，至少你可以保持代码格式干净
.nav a { display: inline-block; margin-right: -4px; } -
跳过结束标签（慎用）
<ul> <li>one <li>two <li>three ul>
-
fontsize属性设置为0
.nav { font-size: 0; } .nav a { font-size: 16px; }