您现在的位置是：网站首页> 编程资料编程资料

css三种方法实现div在浏览器水平居中_CSS教程_CSS_网页制作_

2021-09-13 1196人已围观

简介 这篇文章主要介绍了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样式有所帮助。

上一篇：CSS常用文本样式总结_CSS教程_CSS_网页制作_

下一篇：CSS自适应布局思路_CSS教程_CSS_网页制作_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网