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://stackoverflow.com/questions/7432483/displayinline-block-and-whitespace

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:display:内联块和空格