请在下面找到链接,
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/
最佳答案
它在 IE7 中不起作用,因为 IE7 does not support 显示:表格单元格
。
这是在 IE7 中有效的另一种垂直居中技术:How to vertically align an image inside 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。
关于html - IE7 垂直居中对齐 - 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10998614/