CSS div : margin:auto on vertical for IE7

Question

<div id="wr">
    <div id="unknownWidthAndHeight">should be centered on both sides</div>
</div>

#wr {
    display:table-cell;
    width:400px;
    height:100px;
    border:1px solid red;
    margin:50px;
    vertical-align:middle;
}
#unknownWidthAndHeight{
    display:table;
    height:30px;
    margin:auto;    
    border:1px solid blue;
}

这是 fiddle 的例子: http://jsfiddle.net/gdTGZ/2/

在没有 display:table 的情况下需要对 IE7 的支持等等，没有 <table>用法。

Answer 1

1/如果你想在 IE7 上垂直居中试试这个使用三个 div 的技术: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

注意:您始终需要设置容器高度。

2/你想要水平居中的元素必须有一个width和margin:0 auto;否则你可以试试文本对齐:居中