DIV+CSS 全屏垂直居中的一个办法
发布时间:2015-05-12 来源:查字典编辑
摘要:全屏垂直居中的一个办法DIV+CSS,这个方面有一点不好,就是不能自动适应,必须把高和宽写死!例如下边的例子!先定了一个点在中间,然后再把里...
全屏垂直居中的一个办法 DIV+CSS , 这个方面有一点不好, 就是不能自动适应,必须把高和宽写死!
例如下边的例子!
先定了一个点在中间,然后再把里边的这一块居中处理;
<style>
#info{height:0px; width:0px;top:50%; left:50%;position:absolute;}
#center{background:#FFCC33;border:1px solid #0033FF; width:300px;height:300px;position:absolute; margin:-150px;}
</style>
<div id="info">
<div id="center">www.aa25.cn</div>
</div>
按照上面的代码示例,就可以实现全屏居中了。