垂直水平居中实现方法一

实例：

	
		
		<title>水平垂直居中方法一</title>
	
	
		div {
			position: relative;
			/* 相对定位或绝对定位均可 */
			width: 500px;
			height: 300px;
			top: 50%;
			left: 50%;
			margin: -150px 0 0 -250px;
			/* 外边距为自身宽高的一半 */
			background-color: pink;
			/* 方便看效果 */
		}
	
	

	

		<div>水平垂直居中</div>

注意看代码中的注释