手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >DIV+CSS 全屏垂直居中的一个办法
DIV+CSS 全屏垂直居中的一个办法
摘要:全屏垂直居中的一个办法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>

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

【DIV+CSS 全屏垂直居中的一个办法】相关文章:

用CSS实现段落前面缩进两个字

CSS实战:用dl、dd、dt做一个网页表单

纯CSS做的带开关的台灯

DIV+CSS常用技巧

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

DIV+CSS制作的网页如何让网页居中

用CSS3创建一个旋转可变色按钮

三列宽度自适应结构中的的DIV写法

DIV CSS网页布局需要掌握的八大技巧

Hack 只针对IE的写法

精品推荐
分类导航