css三种方法实现div在浏览器水平居中

本文教大家如何实现一个div在浏览器水平居中，下面是三种解决方法，具体内容如下

第一种方法：

1. div {   
2.   margin: 0 auto;   
3.   width: 960px;   
4.  }   

第二种方法（兼容IE）:

1. body { text-align: center; }   
2.   
3.   div {   
4.     margin: 0 auto;   
5.     width: 960px;   
6.   }       

第三种方法（不推荐）:

1. div {   
2.   position: relative;   
3.   left: 50%;   
4.   margin-left: -480px;   
5.   width: 960px;   
6. }   

以上就是本文的全部内容，希望对大家学习CSS样式有所帮助。