Question

我需要构建一个只显示一个简单内容（徽标和一些文本）的网页，以便在浏览器窗口的中心显示。如何针对当今的Web浏览器实现此效果？

Answer 1

这是一个非常简单的解决方案。我不相信：

非常适合简单的body＆gt;像你这样的div情况。

你的另一个选择，虽然我担心来自这里的一些桌面仇恨者的影响，你可以将div包装在一个表中，并使用它上面的vertical-align:middle属性来处理垂直对齐而无需javascript 。然后使用margin：0 auto;在div处理水平中心。

Answer 2

如果您知道元素的尺寸（对值进行数学运算）：

position: absolute;
left: 50%;
top: 50%;
width: ($WIDTH)px;
height: ($HEIGHT)px;
margin: (-$HEIGHT/2)px 0 0 (-$WIDTH/2)px;

它的作用是将元素的左上角定位在视口的中心，然后使用负边距将中心点设置为视口的中心。

Answer 3

你可以将你的内容放在一个div中并提供高度和高度。宽度到这个div然后应用这个简单的CSS，如你应用宽度为300px＆amp;身高为300px ::

div {
position: absolute;
top: 50%;
left: 50%;
margin: -150px 0 0 -150px;
}

然后它将始终位于中心并确保您使用了有效的DOCTYPE。