IE7垂直对中-不工作
IE7垂直对中-不工作
提问于 2012-06-12 14:20:21
请在链接下面找到，
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/
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-06-12 14:23:57
它在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。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10998614
复制相关文章
相似问题
腾讯云开发者
