Html 在浏览器窗口中绝对居中（H+；V）最干净的方法是什么？

我需要建立一个网页只是一个谦逊的内容（一个标志和一些文字）显示在浏览器窗口的中心。如何才能最好地针对当前的web浏览器实现此效果？

如果您知道元素的维度（计算值）：

---

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

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

---

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

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

对于像您这样的简单

body

div

情况，它非常适合

---

您的另一个选择是，尽管我担心会受到一些讨厌表的人的影响，但您可以将div包装在一个表中，并在其上使用

vertical align:middle

属性来处理没有javascript的垂直对齐。然后使用边距：0自动；在div上处理水平中心。

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

对于像您这样的简单

body

div

情况，它非常适合

---

您的另一个选择是，尽管我担心会受到一些讨厌表的人的影响，但您可以将div包装在一个表中，并在其上使用

vertical align:middle

属性来处理没有javascript的垂直对齐。然后使用边距：0自动；在div上处理水平中心。

您可以将内容放在一个div中，并为该div提供高度和宽度，然后应用这个简单的css，如u应用的宽度为300px，高度为300px:：

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

---

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

您可以将您的内容放在一个div中，并为该div提供高度和宽度，然后应用这个简单的css，如您应用的宽度为300px，高度为300px:：

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

---

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

我认为有一种方法可以垂直居中，除非使用js，否则您永远无法真正了解视口的尺寸。。。但是mayber有一个我不知道的关于负的marigns或positioning值的技巧。我想这个问题在这里已经问过好几次了。。我不认为有一种方法可以使它垂直居中，除非你使用js，否则你永远不会真正知道视口的尺寸。。。但是mayber有一个我不知道的关于负的marigns或positioning值的技巧。我想这个问题在这里已经问过好几次了。。