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;
}