删除li之间的间距

时间:2009-11-20 14:02:33

标签: css

如何删除此处找到的li之间的间距?

http://blog.raveis.com/badge/b.html

对如何执行此操作感到困惑,我不想使用负边距。任何帮助将不胜感激。

5 个答案:

答案 0 :(得分:35)

制作li代码display:block;float:left;(代替display:inline;

答案 1 :(得分:5)

试试这个。

ul { font-size: 0; }

答案 2 :(得分:1)

这太迟了,但是我今天遇到了同样的问题。

我通过这样布置HTML固定了它,从而删除了它在列表之间的任何空格:

<li>
  list-item 1
</li><li>
  list-item 2
</li><li>
  list-item 3
</li>

Code Pen上的示例

答案 3 :(得分:0)

您想使用列表中心吗,您可以使用:

 ul { text-align: center; }
 li { margin-right: -4px; }

如何link

答案 4 :(得分:0)

令人惊讶的是,没有人在line-height元素上提到ul。我可能没有得到完整的问题,因为原始链接现在已断开,但通常,line-height可能是解决方法