html:垂直放置图像，中间没有空格

Question

我将图像垂直放置在彼此之后。我希望它们相互混淆，但它们之间有一条空白线。我如何摆脱这条线？我试过 margin =0px。我也尝试过不将它们放在一个 div 中。

(下图来自W3编辑器)

<div>
    <img border="0" src="/images/pulpit.jpg" width="304" height="228" style = "margin:0px;">
</div>
<div>
    <img border="0" src="/images/pulpit.jpg" width="304" height="228" style = "margin:0px;">
</div>

Answer 1

添加 css 属性 display:block 应该可以解决问题。我还删除了填充和边距以消除任何其他样式。所有样式都应移至 CSS block 而不是内联。

img {
  padding: 0;
  margin: 0;
  display: block;
}

<div>
  <img border="0" src="https://dummyimage.com/200x100/1ff/100">
</div>
<div>
  <img border="0" src="https://dummyimage.com/200x100/100/1ff">
</div>