Question

我在使用Internet Explorer和居中时出现问题，我的问题是如何在没有CENTER标记的情况下居中它可以在所有浏览器中运行，因为我正在使用

margin:auto;

它适用于所有的borwsers 但它在Internet Explorer中不起作用我正在寻找适用于所有浏览器的东西有人告诉我把

text-align: center;

到身体但是所有的文字都去了中间

所以我该怎么做？

Answer 1

你很亲密。使用下面的CSS：

margin:0 auto;

这是a working jsFiddle。请注意，我给了div一个固定的宽度。

Answer 2

您需要指定宽度和边距：

div.center { width:980px; margin:0px auto; }

示例HTML：

<html>
<head></head>
<body>
<div class="center">CONTENT</div>
</body>
</html>

Answer 3

IE对汽车保证金的支持率很高（即怪异模式下的不同行为）。这应该适用于几乎所有情况：

CSS：

.container {
    /* for IE */
    text-align: center;
}
#the-div {
    /* reset text-align */
    text-align: left;
    /* for "good" browsers */
    margin: 0 auto;
}

HTML：

<div class="container">
    <div id="the-div">centered content</div>
</div>

Answer 4

是的，这在IE中完美无缺。

.container {
    /* for IE */
    text-align: center;
}
#the-div {
    /* reset text-align */
    text-align: left;
    /* for "good" browsers */
    margin: 0 auto;
}

Answer 5

您的CSS已关闭，您的问题不是浏览器。简单的解决方法是更改内部div类。

你的位置是绝对的，左边是25％...使用左边50％，它会自动更正。

删除左边：完全50％并添加边距：0自动;正如之前在另一个答案中提到的那样。

你如何使用Internet Explorer集中div？

5 个答案: