在CSS中垂直對齊？

Question

所以我知道所有關於vertical-align: middle;的問題以及人們用於CSS中垂直對齊元素的不同方法。但我還沒有找到一種適合我所需要的工作。

基本上我的頁面上只有一個<div>，我希望它位於頁面的中心，水平和垂直。很顯然，水平部分很容易，但是我會掛在垂直部分。我的問題是<div>的高度是未知的;內容發生變化，所以我無法爲它指定高度。

任何人有任何提示給我？如果需要，我願意使用JavaScript。謝謝！

Answer 1

長話短說，你need two divs得到CSS只有垂直居中。

使用Javascript，您可以do it with a single div，但。

Answer 2

正如你說你不介意使用JS，這裏是......（我一般從不退卻到一個JS的解決方案，但如果你冷靜下來，然後我也是）

如果你的CSS是

#element { 
    position: absolute; 
    top: 50%; 
} 

然後，你可以用我朋友的jQuery

$(document).ready(function() { 
    var height = $('#element').height(); 
    $('#element').css({marginTop: '-' + (height/2) + 'px'}) 

{); 

注意，這是未經測試，但應該是一個開始。希望高度/ 2將按預期工作，如果沒有，請嘗試使用parseInt();