实现一个div在浏览器水平居中

第一种方法：

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

第二种方法（兼容IE）:

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

第三种方法（不推荐）:

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

转载于:https://www.cnblogs.com/jimmiehwang/p/5391080.html

实现一个div在浏览器水平居中相关推荐

【CSS】一个div在另外一个div中居中显示（水平居中，竖直居中）
一个div在另外一个div中居中显示(水平居中,竖直居中) 方法1: 通过设置子元素绝对定位和margin:auto .parent {position:relative;width:800px;he ...
Dreamweaver——如何使网页中的第一个DIV水平居中
PS:红色为关键代码方法1: 在style标签里,输入一个这样的样式(使得最后一个margin的设值是height的负1/2): .a { position:relative; left:50% ...
html5 居于页面中心,css笔记：如何让一个div居于页面正中间
如何让一个div居于页面中间,我今天说的是让一个div水平居中同时垂直居中,而不是简单的top:50%,left:50%.当然,我们就按一开始的思路写一下:top,left属性都设为50%,看一下效果 ...
div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...)
CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不 ...
html改变按钮水平位置,div中button水平居中
CSS如何让一个按钮居中应该怎么做通过这样的Css样式就可以实现: 使用margin-left:auto;margin-right:auto; 可以让你的div居中对齐. .style{margin ...
html div显示页面中间,使一个div始终显示在页面中间
使一个div始终显示在页面中间假设我们有一个div层: 首先,我们用css来控制它在水平上始终居中,那么我们的css代码应该是这样: *{margin:0;padding:0;} #myDiv{wi ...
DIV+CSS浏览器兼容问题
IE6能识别*和_,但不能识别 !important, IE7能识别*,也能识别!important,不能识别_; FF不能识别*和_,能识别!important; 所以可以这样来区分IE6,IE7, ...
div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox)
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不要换行 ...
div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox..
CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不 ...

实现一个div在浏览器水平居中

第一种方法：

第二种方法（兼容IE）:

第三种方法（不推荐）:

实现一个div在浏览器水平居中相关推荐

最新文章

热门文章