很多新朋友会遇到水平居中的问题，总结如下：
方法一：
.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;的设置来进行相关调整。