我来自世界各地，一直在谷歌上寻找有关使用多个包装器来垂直对齐内容的资源——但它看起来真的很难看。
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 中以使它们也垂直居中？
最佳答案
你为什么不尝试使用 display:box 和 box-align:center，这是 CSS3，所以不是每个浏览器都支持它(只有 Chrome，FireFox和 Safari)
关于HTML5 和垂直对齐？现在修好了？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3568705/