HTML5和垂直对齐?现在固定?

前端之家收集整理的这篇文章主要介绍了HTML5和垂直对齐?现在固定?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我来自世界,一直在谷歌看资源,做多个包装来垂直调整内容 – 但是它似乎真的很丑陋.

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>

一个使用显示:inline,另一个使用float:left(在容器内).使用内联时,似乎列表项忽略高度:css,当使用float:时,li中的链接不会垂直对齐.我需要把div放在li里,让它们垂直居中吗?

解决方法

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

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

猜你在找的HTML5相关文章