什么是垂直居中在网页上的直接解决方案？

Question

我已经从纯CSS到纯HTML的解决方案中看到了很多讨论和争论。它们可以变得非常复杂，在div中嵌套div，使用一些非常强烈的CSS。我想我会问，因为我需要一个直接解决这个问题的方法，它需要不依赖CSS表（即{display：table;}因为我用它来显示/隐藏整个div和解决方案使用它似乎永远不会与我的其他代码很好地工作。所以我该怎么做？

Answer 1

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

<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>

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

Answer 2

你可以拥有外部的div #wrapper{margin:0 auto;width:900px}

很好地完成了它。 确保包含IE的doc-type。