CSS - 如何刪除錨定圖像之間的空白

Question

我有兩個彼此之上的錨定圖像，用換行符分隔。我希望圖像直接坐在彼此的頂部，但在Firefox中，圖像之間存在差距。它適用於IE7。我能夠解決這個問題的唯一方法是改變行高（我不想這麼做）。

<a href="image.jpg"> 
    <img height="75" width="75" src="image.jpg" /> 
</a> 
<br/> 
<a href="image2.jpg"> 
    <img height="75" width="75" src="image2.jpg" /> 
</a> 

Answer 1

將CSS屬性vertical-align放置在頂部圖像的底部將消除Firefox中的空隙。

Answer 2

也許設置圖像display:block將工作。由於默認情況下，圖像與文本內嵌，因此即使圖像永遠不會有任何圖像，它也會在下邊留下空間（例如j，g和y）。許多瀏覽器解釋了這一點，但這樣做是非標準的。將它們設置爲block應該可以消除所有瀏覽器中的這種煩惱。