Question

我最快的方式是让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;
}

Answer 1

如果您可以指定高度，则可以使用

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

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

Answer 2

嘿请使用简单方法

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

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

HTML垂直对齐

2 个答案: