如何让DIV在页面中居中
阅读:4862 次 编辑日期:2013-12-11
目录:
概述:
我们经常会用到居中这个效果,无论是让文字居中,还是让图片居中,今天我们来说一下,如何让一个DIV在页面中绝对居中。
让DIV在页面中居中的办法:
.uw3c{
position:absolute;
top:50%;
left:50%;
margin:-150px 0 0 -200px;
width:400px;
height:300px;
border:1px solid #000;
}
其实很好理解,top和left都是50%,这样,这个DIV的左上角就是页面的中心,但是DIV还没有绝对居中于页面,如何居中呢?没错,往左移宽的一半,往上移高的一半就居中了~快去试试吧。