挑战:您有一个空的 body 标签。它唯一的 child 是一个 div。 div 的高度和宽度未知。仅使用 CSS/HTML(无 JavaScript)使 div 的内容垂直和水平居中。
对于测试沙箱,分支:http://jsfiddle.net/pB9hK/
最佳答案
我不认为有一个“理想的”跨浏览器的纯 CSS 垂直居中解决方案,它的麻烦不超过它的值(value)。如果你想使用一行 jQuery...
$('#adiv').css('marginTop', ($(window).height() - $('#adiv').height()) / 2);
CSS...
#adiv {
width: 60%;
margin: 0px auto;
}
关于html - CSS:垂直和水平居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6084362/