如何設置img標籤垂直中心：HTML + CSS

Question

我編碼它

<div> 
<a href="http://example1.com"> 
    <img src="example1.gif" /> 
</a> 
</div> 
<div> 
<a href="http://example2.com"> 
    <img src="example2.gif" /> 
</a> 
</div> 

a { 
    text-align:center; 
    height :80px; 
    display:block; 
} 

水平方向的中心做的很好。 但垂直不是。 如何做到這一點？ 順便說一下，example2.gif的高度與example1.gif不同

Answer 1

這篇文章可能會有所幫助 - http://www.brunildo.org/test/img_center.html必要的是，它涉及到一些針對down-version IE的攻擊。

Answer 2

您將需要在您的img元素上設置vertical-align: middle;。