最近更新
阅读排行
关注本站

如何让DIV在页面中居中

阅读:3643 次   编辑日期: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还没有绝对居中于页面,如何居中呢?没错,往左移宽的一半,往上移高的一半就居中了~快去试试吧。
将本篇文章分享到:
top