6

请在下面的链接中找到,

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/

4

1 回答 1

26

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

于 2012-06-12T14:23:57.077 回答