61,112
社区成员
发帖
与我相关
我的任务
分享问个css 层居中的问题.同时祝各位新年快乐
过年了.问个css 层居中的问题.同时祝各位新年快乐
如图:
有的浏览器总是不居中.像上面这样的
有的就居中.
这里看演示:http://www.gq2018.com/hy/info/18/
在IE7下就不居中.在google里就居中
哪位帮我看看.怎么要在各个浏览器中都居中?
css 就直接写在页面里面了.
如图:
有的浏览器总是不居中.像上面这样的
有的就居中.
这里看演示:http://www.gq2018.com/hy/info/18/
在IE7下就不居中.在google里就居中
哪位帮我看看.怎么要在各个浏览器中都居中?
css 就直接写在页面里面了.
...全文
请发表友善的回复…
发表回复
Angle_ting 2014-02-07
- 打赏
- 举报
居中的方法有好多种。我最常用的是：
1.margin:auto;
2:margin-left:auto;margin-right:auto;
3:如果你是单独一个块的话，你就测出总的宽度，然后直接margin:你想要的宽度。直到居中。
4：表格居中：在table中加align:center;
5:整个body居中，最早的方法是在body外加<center></center>
写不好，不要吐槽哈
Unicorn_KID 2014-02-01
- 打赏
- 举报
例子：
<div id="out">
<div id="in"></div>
</div>
#out {
width: 600px; height: 100px;
background-color: red;
}
#in {
width: 100px; height: 100px;
background-color: blue;
margin: 0 auto;
}
在IETester里测了下，IE6开始都是支持margin: 0 auto来居中的，火狐与webkit的浏览器也没问题。
text-align: center只在ie5.5、6、7中有效，而且所有子孙元素会继承＝ ＝比如in内的文本也会居中……
张运领 2014-01-31
- 打赏
- 举报
在ie7-的浏览器不支持margin：auto的属性，不过你可以通过设置：
不过可以使用text-align:center在IE下的hack，解决这个问题。
<body style = "text-align:center;">
<div style = "width:200px;height:200px;background-color:#aaa;margin:0 auto;text-align:left;">
</div>
</body>
cndeer 2014-01-30
- 打赏
- 举报
这个是图片
图片没传上来?
