主页 / 建站知识 /

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

建站知识 2021-07-03 08:42www.168986.cn长沙网站建设

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

第一种方法

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自适应布局思路

长沙网站设计

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by