自动外边距法:

body {
    text-align:center;/* 针对 IE5 的居中问题进行微调 */
}
div#content {
    margin-left:auto; margin-right:auto; width:300px; /* 使用自动外边距达到居中目的 */
    text-align:left;/* 针对 body.text-align=center 导致文本内容居中显示的异常 */
}

负外边距法:

div#content {
	position:absolute; left:50%;/* 第一步 */
	width:300px; margin-left:-150px;/* 第二步, 设置 margin-left 为 width 的一半 */
}

参考连接: 1. 完美解决CSS网页水平居中