如何设置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必要时，它涉及到版本IE的一些黑客攻击。

Answer 2

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