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;
}

这是小提琴的例子： http://jsfiddle.net/gdTGZ/2/

在没有display:table等且没有使用<table>的情况下，需要对IE7提供此类支持。

Answer 1

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

Ps：你总是需要设置容器高度。

2 /您想要水平中心的元素必须有width和margin:0 auto;，否则您可以尝试text-align:center

CSS divs：margin：自动垂直于IE7

1 个答案: