Css 如何消除图像下方和上方的空白

我有一个图像，周围有一个边框，代码如下所示：

img{
 display: block;
 border: 2px solid #000;
 height: 140px;
 width: 200px;
 padding: 0;
}

<img src="pathtoimage.png" alt="product name" />

img{
显示：块；
边框：2倍实心#000；
高度：140像素；
宽度：200px；
填充：0；
}

我在上下边框和图像之间有一个1px高的白色小间隙。我曾尝试将图像放入容器中，并将边框设置为容器，但仍然会出现间隙。我试过将位置设置为绝对和相对，但都不起作用。我试过使用css3的盒子大小，但也没有用

---

请提供任何建议。

元素周围有三种边缘：填充、边距和边框

加：

下面是一张图片，说明了：

---

您的代码应该按原样工作。这是一个例子

我认为问题在于你的真实情况。您是否100%确定图像本身没有小的白色边框？尝试将

pathtoimage.png

替换为

http://placehold.it/350x150

查看白色边缘是否消失

---

最后，尝试设置

padding:0！重要的

以确保它没有从其他地方继承填充。

边距应该在边框之外，而不是在边框和图片之间创建空间。它不是也从其他地方继承填充吗？白线不是偶然地成为了图像本身的一部分吗。杰格尔恩福约斯。这是一个非常重要的问题。图像是一个带有透明画布的PNG，canvase比实际图像高2倍。我应该先检查一下。杰尔彭德酒店

margin: 0;