如何將div從上到下居中？

Question

我只希望div位於頁面中心，從上到下等距，我需要使用百分比，因爲div的內容不一樣。我嘗試了底部：50％，但這不起作用。

嘿傢伙，謝謝你的答案！我的有點不同，這是我的錯誤，因爲沒有添加這個，請訪問my blog來查看問題。

大家好，感謝您使用您的時間來回答這樣一個愚蠢的問題，但我發現，最簡單的方法是隻使用填充：

padding-top:X%; 
padding-bottom:X%; 

然後就惹它，看看你的結果是什麼。如果你有什麼更好的請分享，因爲這顯然不是最可靠的。

Answer 1

vertical-align:center爲垂直對齊 然後text-align:center用於水平

Answer 2

#mydiv { 
    position:absolute; 
    top:20%; bottom:20% 
} 

也Understanding Vertical Align見。

Answer 3

#div{ 
position:absolute; 
top:0; 
bottom:0; 
left:0; 
right:0; 
height:100px; 
width:100px; 
} 

此代碼對齊從底部到頂部或從左到右，但您必須設置寬度和高度。
或者使用：

#div{ 
display:flex; 
align-items:center; 
}