问个css 层居中的问题.同时祝各位新年快乐
过年了.问个css 层居中的问题.同时祝各位新年快乐

如图:

有的浏览器总是不居中.像上面这样的

有的就居中.

这里看演示:http://www.gq2018.com/hy/info/18/

在IE7下就不居中.在google里就居中

哪位帮我看看.怎么要在各个浏览器中都居中?

css 就直接写在页面里面了.
------解决方案--------------------
例子：

<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内的文本也会居中……
------解决方案--------------------
居中的方法有好多种。我最常用的是：
1.margin:auto;
2:margin-left:auto;margin-right:auto;
3:如果你是单独一个块的话，你就测出总的宽度，然后直接margin:你想要的宽度。直到居中。
4：表格居中：在table中加align:center;
5:整个body居中，最早的方法是在body外加<center></center>
写不好，不要吐槽哈