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

一个div在浏览器水平居中的实现方法DIV+CSS 清除浮动常用方法总结CSS教程之div垂直居中的多种方法关于div与>div的区别小结Divxdra1031.Dll图片溢出div问题的快速解决方法推荐如何让一个div居于页面正中间【实现方法】css三种方法实现div在浏览器水平居中div+CSS制作类似微信对话气泡效果的实例总结两个div叠加触发事件发生闪烁问题的解决方法

2021-09-05 987人已围观

简介 下面小编就为大家带来一篇一个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. }  

以上就是小编为大家带来的一个div在浏览器水平居中的实现方法的全部内容了，希望大家喜欢哦~

如果大家想了解更多游戏活动与游戏攻略，请持续关注本站，本站小编将在第一时间为大家带来最好看、最好玩、最新鲜的游戏资讯。更多精彩内容，尽在jb51游戏频道！

上一篇：使用CSS3编写类似iOS中的复选框及带开关的按钮纯CSS3代码实现switch滑动开关按钮效果 纯css实现一款仿ios7的switches开关按钮一款非常酷的CSS3 3D左右滑动开关按钮CSS3实现的滑杆开关切换按钮动画非常酷的CSS33D发光开关切换按钮CSS开关按钮样式详解

下一篇：使用CSS实现小三角形效果【附实例】纯CSS绘制三角形箭头图案技术解析Html+CSS绘制三角形图标CSS中使用border来创建三角形的基本方法讲解CSS制作三角形广告引导文字效果用CSS3绘制三角形的简单方法布局和排版教程 纯css3实现图片三角形排列纯CSS绘制三角形箭头效果CSS3+Animation实现鼠标滑过按钮背景动画特效源码JS+css3实现的按钮弹性特效源码CSS实现6种鼠标滑过按钮背景动画特效源码

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网