网站制作学习网DIV+CSS→正文:css的div层相对屏幕居中的代码
字体:

css的div层相对屏幕居中的代码

DIV+CSS 2009/6/12 16:12:56  点击:不统计

关键词:相对屏幕居中的办法,css定义层相对屏幕居中





使一个div(已知高度)垂直居中的方法一:(margin都是宽度和高度的负值的一半)

.centipede {

position:absolute;

top:50%;

left:50%;

margin:-113px 0 0 -50%;

width:100%;

height:226px;

}

原理:

1、先让这个DIV绝对定位;

2、让他距离上边50%,左边50%;这会这个DIV的左上角这个点就是窗口的正中间;

3、因为已经知道了这个DIV的高和宽了,那么再从这里点向左移动总宽的一半就可以了,也就是50%; 向上呢也同理;

·上一篇:FF、IE6、IE7、Opera、Safari最新CSS兼容方案 >>    ·下一篇:如何符合w3c规范 >>
推荐文章
最新文章