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

ttx9n

这篇文章主要介绍了css三种实现div在浏览器水平居中的方法，感兴趣的小伙伴们可以参考一下

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

第一种方法：

CSS Code复制内容到剪贴板

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

第二种方法（兼容IE）:

CSS Code复制内容到剪贴板

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

第三种方法（不推荐）:

CSS Code复制内容到剪贴板

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

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

回复用户5

很好，谢谢分享

6ox8dn

哈哈哈哈哈哈哈

qq303604905

好东西一定要看看！

0y3yp

撒旦撒旦撒擦擦擦擦

x20yd3qx

天天源码社区论坛

123456

啦啦啦啦啦德玛西亚

雪龙Ui79

哈哈哈哈哈哈哈

x20yd3qx

我要金豆金豆金豆

u7yxn9

建军节建军节建军节建军节