IE7 垂直居中对齐 - 无效

Question

请查看下方链接： http://jsfiddle.net/anglimass/Y8AvM/ 我想让我的div在ie7中垂直居中对齐。 有人能帮忙吗？

谢谢

---

抱歉大家，

我找到了一个好的解决方案，请查看下方链接： http://jsfiddle.net/anglimass/ct4tx/ 谢谢，

参考：http://css-tricks.com/snippets/css/exactly-center-an-imagediv-horizontally-and-vertically/

- anglimasS

---

南巴，这是我的客户要求。 - anglimasS

@Somebodyisintrouble 很多人。在大多数企业环境中，仍然使用IE7。有时甚至还有IE6。我认识的人仍在使用运行XP的机器。这并不是那么罕见。企业没有一直升级到最新的“最佳”技术的奢侈。 - Tony318

Answer 1

因为IE7 不支持 display: table-cell，所以它在IE7中无法工作。

我之前甚至告诉过你这个问题。

以下是一种替代的垂直居中技术，它可以在IE7中使用：如何在div内部垂直对齐图像

以下是应用于您的代码的上述答案的最简单版本：http://jsfiddle.net/thirtydot/Y8AvM/1/

HTML：

<div class="inlay">
    <span class="helper"></span><img src="http://goldstudios.net/uploader/uploads/Wildebeest_$1$2ryes3hf$Fl0tEsFaORwBW2seye9qN0.jpg" />
</div>​

CSS:

->

CSS：

html, body {
    height: 100%;
    background: #ddd;
}
.inlay {
    height: 100%;
    text-align: center;
}

.inlay img {
    vertical-align: middle;
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

它在所有现代浏览器中都可以工作，当然也包括IE7。

- thirtydot

---

“哈哈”可以翻译为“I've even told you this before.”（我之前甚至已经跟你说过了）。 - Patrick James McDougle

谢谢，它在一个旧版本的浏览器中为一个特定的项目工作。 - C.B.

@CristianB：非常抱歉你在2021年还得使用IE7，这太疯狂了。 - thirtydot