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 在慢速互联网上无法在 html div 内工作

javascript - 在侧边栏中选择特定菜单时更改菜单背景颜色

html - 使用 anchor 标记打开 mailto 并调用 URL

css - 如何使 Bootstrap 'List group' 响应

javascript - 用户 session 到期时需要关闭所有窗口如何?

javascript - JSfiddle 不是 'defining' 函数?

html - CSS 两列列表 - 响应式合并为一列

javascript - jQuery 选择器 - 选择特定标签内的文本

css - CSS One边框在Safari中消失

javascript - 如何设置两个 <br> 元素之间的文本部分的样式?