我如何下与上述图像摆脱白色空间

我有周围有边框和代码如下所示的图像：我如何下与上述图像摆脱白色空间

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

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

我得到的之间的小1px的高白差距上下边框和图像。我曾尝试将图像放入容器中，并将边框设置为容器，但间隙仍然出现。我已经尝试设置绝对和相对的位置，但他们没有工作。我尝试过使用css3的盒子大小，但是这也不起作用。

请提出任何建议。

来源

2012-11-21 Jez D

你的代码应工作原样。这是一个demo。

我认为这个问题是你的实际情况。你是否100％肯定它在图像本身没有一些小的白色边框？尝试用http://placehold.it/350x150替换pathtoimage.png并查看白色边缘是否消失。

最后，尝试设置padding: 0 !important;以确保它不从其他地方继承填充。

来源

2012-11-21 09:08:05

Anders，tak。 Jeg er en fjols。 Jeg har lig tjekket billedet og det er faktisk der，hvor problemet ligger。该图像是一个带透明帆布的PNG，画布比实际图像高出2px。我应该先检查一下。 Tak为hjaelpen –

元素周围有三种边缘类型：填充，边距和边框。

地址：

margin: 0;

下面是一张说明哪个是哪个：

来源

2012-11-21 09:05:38

边距应该在边界外部创建空间，而不是在边框和图片之间。 –

它是不是从某处继承填充？白色的线条不是偶然的图像本身的一部分？ –

我如何下与上述图像摆脱白色空间

回答

相关问题