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

小诸哥 2022-06-13 20:50:57 0

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

第一种方法：

CSS Code

div {   
  margin: 0 auto;   
  width: 960px;   
 }   

第二种方法（兼容IE）:

CSS Code

body { text-align: center; }   
  
  div {   
    margin: 0 auto;   
    width: 960px;   
  }       

第三种方法（不推荐）:

CSS Code

div {   
  position: relative;   
  left: 50%;   
  margin-left: -480px;   
  width: 960px;   
}   

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

本文地址： https://www.76339.cn/css/2209.html