使用css3想要设置元素垂直居中，使用盒布局，并且设置box-pack和box-align既可以让div里面的元素垂直居中，如下
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
-webkit-box-align: center;但很多人使用了此代码却无法生效，原因是什么？我们首先需要支持全屏居中的元素高度占满全屏。浏览器默认是不计算内容的高度，我们首先需要定义html和body高度100%，再定义元素占用的百分比，这样就能动态全屏，并且垂直居中了，代码如下
html
<html>
<body>
<div class="box">全屏居中内容</div>
</body>
</html>
css：
html,body{ height: 100%;}
.box{ height: 100%; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center;}
1258
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
