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/