1

让 div 垂直居中的最快方法是什么 - 跨浏览器?

HTML:

<body>
    <div id="mainContainer">
        <header>
            blah
            </header><!-- End header -->
        </div><!-- End mainContainer -->

</body>

CSS:

#mainContainer{
    width:960px;
    margin:60px auto;
    background:#FFF;
    border:1px solid black;
}
header{
    padding:30px 0 30px 0;
    background:red;
    margin:0 auto;
}
4

2 回答 2

2

如果你可以指定一个高度,那么你可以使用

position:absolute
top:50%;
left:50%;
width:200px;
height:200px;
margin-left:-100px;
margin-top:-100px;

其中负边距分别是宽度和高度的一半

于 2012-04-27T04:47:41.907 回答
1

嘿,请使用简单的方法

https://stackoverflow.com/a/10010055/1312610

http://jsfiddle.net/ERuX4/1/

于 2012-04-27T05:14:56.413 回答