如何去除圖像下的1px？

Question

http://down123.xxmn.com/wemade/ 圖像下沒有填充或邊距。但我不知道爲什麼圖片下有大約1px，它位於頁面的右上角。

如何去除1px其中ix下的圖像？謝謝

Answer 1

儘管Andres的解決方案有效，但它實際上並沒有直接處理這個問題，即圖像的垂直對齊。解決此問題的方法是爲圖像指定除baseline以外的其他對齊方式，例如top或bottom。

這是我通常使用：

img { 
    vertical-align: top; 
} 

這樣，通過改變圖像的自然顯示模式，而這個問題直接涉及你是不是「黑客」在一起的解決方案。另外，如果您擔心內聯式錨點包裝內嵌圖像的方式，則更改錨點上的顯示模式，而不是圖像（即塊或內聯塊）。

Answer 2

只需將您的圖像定義爲塊級元素以允許您的鏈接正確地環繞圖像;

#top a img { 
    display: block; 
}