我如何下與上述圖像擺脫白色空間

我有周圍有邊框和代碼如下所示的圖像：我如何下與上述圖像擺脫白色空間

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

邊距應該在邊界外部創建空間，而不是在邊框和圖片之間。 –

它是不是從某處繼承填充？白色的線條不是偶然的圖像本身的一部分？ –

我如何下與上述圖像擺脫白色空間

回答

相關問題