Html 垂直以网页为中心的简单解决方案是什么？

从纯CSS到纯HTML，我已经看到了很多关于这个问题的讨论和辩论。它们可以变得非常复杂，在div中嵌套div，使用一些看起来非常紧张的CSS。我想我应该问一下，因为我需要一个简单的解决方案来解决这个问题，而且它不需要依赖CSS表（即{display:table；}因为我正在使用它来显示/隐藏整个div和解决方案，而它们似乎与我的其他代码无法很好地配合。那么我应该如何做到这一点呢？

我想出了一个解决方案。我不确定它是最好的还是最兼容的，但它是：

<style type="text/css">
  table.center {
    width: 100%;
    height: 100%;
  }
  h1.center {
    text-align: center;
  }
</style>

<div id="hide-able">
  <table class="center">
    <tr><td><h1 class="center">I'm centered!</h1></td></tr>
  </table>
</div>

表格中心{
宽度：100%；
身高：100%；
}
h1.中心{
文本对齐：居中；
}
我在中间！

---

如果您有更好的解决方案，请分享！

您可以使用外部div

#wrapper{margin:0 auto；width:900px}

这样做很好。

---

确保包括IE的文档类型。

是的，这是我谈论的讨论和辩论之一。我花了一段时间试图找到一些东西使我的代码工作，但没有发生，所以我在这里。就个人而言，我更像是一个“完成事情”类型的人，而不是一个“最纯粹”的人键入。如果一个表有效，那么就去做。坦白说，我宁愿把奇怪的表到处塞满，而不是做心理体操，试图强迫一个“div/css”解决方案工作。是的。尽管尝试这个#wrapper{margin:0 auto；width:200px；border:2px solid red；}我居中了！这不会导致内容水平居中而不是垂直居中吗？