在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>

检查出link，它确实帮助了我：