IE7垂直對齊中間 - 不工作

Question

請在下面鏈接中找到

http://jsfiddle.net/anglimass/Y8AvM/

我只想要我的div來垂直對齊中間ie7。

有人可以幫忙嗎？

謝謝

---

對不起大家，

我找到了一個很好的解決方案請參見下面的鏈接，

http://jsfiddle.net/anglimass/ct4tx/

謝謝，

參考： http ： //css-tricks.com/snippets/css/exactly-center-an-imagediv-horizo​​ntally-and-vertically/

Answer 1

它在IE7中不起作用，因為IE7 不支持 display: table-cell 。

我以前甚至告訴過你。

這是一種替代的垂直居中技術，可以在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：

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。