javascript及css实现居中效果

CSS实现绝对定位元素的居中效果

		position: absolute;
		top: 50%;
		left: 50%;
		width: 400px;
		height: 200px;
		border: 4px solid #f90;
		margin: -102px 0 0 -202px;
		//宽高的一半

javascript实现元素的居中效果

	居中的元素的top =（网页高 –元素的高）/ 2;

	居中的元素的left= (网页宽 –元素的宽) /2;

转化为JavaScript的语法为：

	top = (document.body.clientHeight - element.offsetHeight)/2;

	left = (document.body.clientWidth - element.offsetWidth)/2