在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();