Javascript CSS中的垂直对齐？

所以我知道所有关于

垂直对齐的问题：中间

以及人们用来在CSS中垂直对齐元素的不同方法。但我还没有找到一个能满足我需要的

基本上，我的页面上只有一个

，我希望将其水平和垂直放置在页面中心。很明显，水平部分很容易，但我在垂直部分被挂断了。我的问题是

的高度未知；内容发生了变化，因此我无法为其指定高度

有人给我一些建议吗？如果有必要，我愿意使用JavaScript。谢谢

长话短说，您只需要获得CSS垂直居中

---

不过，通过Javascript，您可以。

正如您所说，您不介意使用JS，这里是。。。（我通常不会退回到JS解决方案，但如果你对它不感兴趣，那么我也是）

如果你的CSS是

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

然后你可以使用我的朋友jQuery

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

{);

---

注意，这是未经测试的，但应该是一个开始。希望height/2能按预期工作，如果不能，请尝试使用

parseInt（）

您不知道应该居中的图元的高度，但您知道周围区域的高度吗？