display:内联块和空格

时间:2011-09-15 14:26:26

标签: whitespace css

见这个例子:

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

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

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

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

有什么可以做的吗?

谢谢, 韦斯利

3 个答案:

答案 0 :(得分:10)

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

添加:

vertical-align:top;

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

答案 1 :(得分:1)

您是否尝试过浮动图像,而不是内联块:

img { float: left; }

似乎为我工作

答案 2 :(得分:-1)

你也可以

body
{
    line-height:0px;
}