如何让div垂直居中？

Question

我想将我的主要内容 div 垂直居中。我愿意使用 jQuery 和/或 CSS，但我更愿意避免额外的包装 div 标签。

我需要做什么？

Answer 1

jQuery：

$(document).ready(function() {
    $('#main').css('position', 'relative');
    $('#main').css('top', (($('#main').parent().height() - $('#main').height()) / 2) + "px");
});

Answer 2

这个问题基本上与 这个，推荐下面的文章。

http://www.jakpsatweb.cz/css/css-vertical-中心解决方案.html