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 に答える