手机
当前位置:查字典教程网 >网页设计 > 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关于解决图片元素下多余空白的BUG

DIV垂直居中的办法

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

CSS网页布局的意义与副作用

HTML DIV+CSS制作通栏实例

DIV+CSS常见的错误

纯CSS做的带开关的台灯

DIV滚动条属性

css中元素水平垂直居中4种方法介绍

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

精品推荐
分类导航