html - CSS:垂直和水平居中

Question

挑战:您有一个空的 body 标签。它唯一的 child 是一个 div。 div 的高度和宽度未知。仅使用 CSS/HTML(无 JavaScript)使 div 的内容垂直和水平居中。

对于测试沙箱，分支:http://jsfiddle.net/pB9hK/

Answer 1

我不认为有一个“理想的”跨浏览器的纯 CSS 垂直居中解决方案，它的麻烦不超过它的值(value)。如果你想使用一行 jQuery...

$('#adiv').css('marginTop', ($(window).height() - $('#adiv').height()) / 2);

CSS...

#adiv {
    width: 60%;
    margin: 0px auto;
}