html - jsfiddle中奇怪的边距

Question

谁能解释我在这个 jsfiddle 中缺少的内容......为什么图像之间有边距？

http://jsfiddle.net/XRBK8/

html

<img src="http://placehold.it/200x200" />
<img src="http://placehold.it/200x200" />

CSS

body {
    background:pink;
}
img {
    margin: 0;
    padding: 0;
}

Answer 1

为什么图像之间有边距？

Inline并且inline-block元素会受到 HTML 中的空格和回车的影响，如果删除空格，您会注意到它们的边框边缘对齐：

http://jsfiddle.net/Adrift/XRBK8/1/

Answer 2

另一种选择是浮动图像：

img {
    margin: 0;
    padding: 0;
    float: left;
}