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/

相关文章:

html - Flexbox:如何创建我的缩略图以跨越 100% 的容器宽度?

html - 字体大小更改输入类型范围大小

css - mx :panel 上的 Flex 3 css 样式

javascript - FullPage JS固定背景不工作

jquery拖放刷新div内容

css - 由于某些未知原因,用 CSS 制作的类不会影响 HTML

html - Chrome 边框半径和背景颜色

javascript - 带滚动的圆形 slider (jquery+css3)

html - 具有多个元素的响应式 Twitter Bootstrap 轮播

javascript - 为什么 JSFiddle 不输出这段代码的结果