whitespace - 显示:inline-block and whitespace

Question

请参阅此示例:

http://jsfiddle.net/EwtaC/1/

图像通过display:inline-block设置样式。我知道空格会以某种方式对此产生影响..(无论出于何种原因)所以我删除了空格:

from <img src="" /> <img src="" />
to <img src="" /><img src="" />

这会删除图像左侧和右侧的间距，但正如您在示例中看到的，图像下方的间距仍然存在。

对此有什么可以做的吗？

谢谢，韦斯利

Answer 1

http://jsfiddle.net/EwtaC/2/

添加:

vertical-align:top;

默认情况下，图像与基线对齐。要么将它们显示为 block 并 float 它们，要么需要设置适当的垂直对齐方式。