手机
当前位置:查字典教程网 >网页设计 > 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 全屏垂直居中的一个办法】相关文章:

DIV+CSS常用技巧

HTML DIV+CSS制作通栏实例

CSS样式表层叠(cascade)处理冲突

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

采用DIV+CSS布局的好处

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

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

用CSS让DIV层水平居中

Hack 只针对IE的写法

CSS垂直居中和水平居中方法总结

精品推荐
分类导航