將div居中置於網頁的中間位置？

Question

我想讓我的div位於網頁的中間部分。我試圖做一個預加載器div應該在網頁的中間部分，並在頁面加載後，該div將被隱藏。我怎麼能實現這樣的？

div應該水平和垂直居中。

Answer 1

居中一個div都HOR和版本，你可以做到這一點的方法：

標記

<div class="centered"></div> 

CSS

.centered{ 
    position:absolute; 
    width:100px; 
    height:100px; 
    left:50%; 
    top:50%; 
    margin-left:-50px; 
    margin-top:-50px; 
} 

小提琴：http://jsfiddle.net/steweb/qSvAQ/1/

Answer 2

<div class = 'middle'></div> 

.middle{ 
    margin: auto; 
    width: 900px; 
}