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%; 向上呢也同理;