html-为什么LI标签之间有一些额外的空间？

Question

我想通过使用<li>标记来列出图像，但是我发现每个<li>标记之间都有一些额外的空间。

只需看http://jsfiddle.net/scarletsky/VKCs5/

我只想知道为什么<li>标签之间有多余的空间，以及如何解决它。

谢谢！

Answer 1

不是li造成此问题的而是图像。图片vertical-align: baseline默认是内联元素，因此您必须将它们设置为vertical-align: bottom或diaplay_block解决此问题：

li img {
    border: none;
    vertical-align: bottom;
}

http://jsfiddle.net/VKCs5/3/