display：内联块和空格

看这个例子：

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

图像通过display：inline-block设置样式.我知道空格不知何故对此有影响..(无论出于何种原因)所以我删除了空格：

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

这将删除图像左侧和右侧的间距,但正如您在示例中所看到的,图像下方的间距仍然存在.

有什么可以做的吗？

谢谢,
韦斯利

解决方法

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

加：

vertical-align:top;

默认情况下,图像与基线对齐.您可以将它们显示为块并浮动它们,或者需要设置正确的垂直对齐方式.

原文地址：https://www.jb51.cc/css/217733.html