HTML5 和垂直对齐？现在修好了？

Question

我来自世界各地，一直在谷歌上寻找有关使用多个包装器来垂直对齐内容的资源——但它看起来真的很难看。

HTML5 现在有更简单的方法吗？是否有某种使用类似 HBox/VBox 思想的实现？我看到有非 ie 浏览器的示例 - 有兼容的方式吗？

现在头脑正常的人到底是怎么处理 HTML 的？一团糟!

////编辑

我终于弄清楚了如何在屏幕上垂直对齐整个框，我是如何弄清楚如何使列表项垂直居中的。

我尝试了两种方法来对齐此 html:

<nav>
    <ul>
        <li><a href="#!/home">Home</a></li>
        <li><a href="#!/link1">Link #1</a></li>
    </ul>
</nav>

一个使用 display:inline，另一个使用 float:left(在容器内)。使用内联时，列表项似乎会忽略 height: css，而使用 float: 时，li 中的链接不会垂直对齐。我是否需要将 div 放在 li 中以使它们也垂直居中？

Answer 1

你为什么不尝试使用 display:box 和 box-align:center，这是 CSS3，所以不是每个浏览器都支持它(只有 Chrome，FireFox和 Safari)

http://www.w3schools.com/cssref/css3_pr_box-align.asp