html - 在DIV中垂直对齐img

Question

我想在 DIV 中垂直对齐 IMG，但我看不出我做错了什么。它适用于 FF 和 IE7，但其他浏览器只是将其对齐到顶部。代码可以在这里找到：

http://disgeae.nl/testomgeving/

Answer 1

<style type="text/css">
  .wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: ...;
    height: ...;
  }

  .wraptocenter * {
    vertical-align: middle;
  }
</style>
<!--[if lt IE 8]>
<style>.wraptocenter span {    display: inline-block;    height: 100%;}/style>
<![endif]-->

<div class="wraptocenter"><span></span><img src="..." alt="..."></div>

看看这个链接，它确实帮助了我：