很多新朋友会遇到水平居中的问题，总结如下：
方法一：
.center{
margin-left:auto;
margin-right:auto;
}
和下面这行代码等效。
.center{
margin:0 auto;
}
IE里发现没有居中，这里建议你看看是否遗漏了DTD声明。
-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
方法二：
margin-left:50%;
left: -width/2;
这里的width不是CSS中的Width,而是你的DIV的宽度例如你的div是768px宽，那么你就应该设置left:-384px。
第二种方法有时候会遇到浏览器兼容问题。
方法三：
将body应用如下样式：
body {text-align: center;}
这句话会是body区域内的所有文字内容都居中。
为了便于控制，请在相应的DIV中加上text-align: left;的设置来进行相关调整。
