手机
当前位置:查字典教程网 >网页设计 > 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中元素水平垂直居中4种方法介绍

HTML DIV+CSS制作通栏实例

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

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

DIV+CSS常用技巧

DIV+CSS:网页一行两列背景自适应

CSS如何使DIV层居中

CSS关于解决图片元素下多余空白的BUG

CSS中几种常见的注释

CSS创建一个鼠标感应换图片的按钮

精品推荐
分类导航