手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >DIV+CSS 全屏垂直居中的一个办法
DIV+CSS 全屏垂直居中的一个办法
摘要:例如下边的例子!我是先定了一个点在中间,然后再把里边的这一块居中处理;#info{height:0px;width:0px;top:50%;...

例如下边的例子!

我是先定了一个点在中间,然后再把里边的这一块居中处理;

<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.jb51.net</div> </div>

提示:您可以先修改部分代码再运行

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

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

CSS图片垂直居中方法整理集合

CSS:使DIV 在浏览器窗口中水平垂直居中

任意图片实现垂直居中的三种方法(兼容性还不错)

CSS学习中的一些技巧

CSS制作水平垂直居中对齐 多种方式各有千秋

CSS之DIV长度相等的几个办法

用CSS实现垂直居中的3种方法

css让容器水平垂直居中的7种方式

CSS line-height行高上下居中垂直居中样式属性

精品推荐
分类导航