HTML5和vertical-align？现在修好了？

Question

我来自世界各地,并且一直在寻找谷歌关于做多个包装来垂直对齐内容的资源 - 但它似乎真的很难看.

现在使用HTML5有一种更简单的方法吗？是否有某种实现使用类似HBox/VBox的心态？我看到有非浏览器的例子 - 有合规的方式吗？

现在,任何心智正常的人都能做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)