Html 垂直对齐DIV中的img

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

.wraptocenter{
显示：表格单元格；
文本对齐：居中；
垂直对齐：中间对齐；
宽度：。。。；
高度：。。。；
}
.wraptocenter*{
垂直对齐：中间对齐；
}

---

检查此链接，它确实帮助了我：

检查此链接我使用它，它对您有用[div中的垂直对齐图像][1][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>