当前位置:主页 > 网页教程 > 网页制作 > div css > 内容欢迎大家投稿

DIV+CSS 全屏垂直居中的一个办法

时间:2013-08-08 09:46来源:未知 作者:大宝库 点击:读取中
阅读工具:字体:

 全屏垂直居中的一个办法 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>

     按照上面的代码示例,就可以实现全屏居中了。

(责任编辑:大宝库)


------分隔线----------------------------
推荐内容
赞助商链接
赞助商链接