如何在頁面中居中div？ （高度寬度）？

Question

愚蠢的問題，但我無法找到答案，因爲所有答案都假設在寬度方面居中div。

我需要的是將div放在高度和寬度的中間位置，這樣在頁面的非常中心位置。

我試過這個，但它只是在頁面寬度沒有高度的方式中心div。

#myDiv { 
    width: 500px; 
    height: 500px; 
    margin: auto; 
} 

那麼我怎樣才能得到它在頁面的非常中心？ ）））

Answer 1

創建具有ID wrapper的#myDiv元件周圍的包裝，並應用此CSS代碼：

#wrapper{ 
    display: table; 
} 
#myDiv{ 
    display: table-cell; 
    vertical-align: middle; /*Vertically centered*/ 
    text-align: center; /* Horizontally centered */ 
} 

此代碼中心任何寬度/高度的元件。

Answer 2

position: absolute; 
left: 50%; 
top: 50%; 
margin-left: -250px; /*(half of width)*/ 
margin-top: -250px; /*(half of height)*/ 

應該工作。