html - jsfiddle 中的奇怪边距

标签 html css jsfiddle

谁能解释一下我在这个 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;
}

最佳答案

为什么图像之间有边距?

Inlineinline-block 元素受 HTML 中的空格和回车符影响,如果删除空格,您会注意到它们的边框边缘对齐:

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

关于html - jsfiddle 中的奇怪边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16399459/

相关文章:

javascript - 在 .live 函数中触发 href 事件

image - 在 div 内拉伸(stretch)背景并使其可滚动

javascript - 如何通过jquery分解对象

php - 谷歌加一按钮与子域不同

html - 导航栏按钮不垂直对齐

javascript - 使用 Jquery 从 JSON 生成多个 HTML 元素?

css - JSFiddle : Shading radio button a different color

javascript - 搜索打破可折叠 DIV

javascript - 如何将 Tangle.js 作为外部资源添加到 jsfiddle

html - 单个占据多少px?