Question

我已经创建了一个网络应用程序，直到现在才在Chrome和Firefox上进行测试。

当我尝试在Internet Explorer中打开它时，似乎我的所有div都没有位于中间，但都坚持在窗口的左侧。

我该怎么做才能解决这个问题？

一开始我和chrome和firefox有同样的问题，但在我添加之后：
*{margin: 0px auto;}我的CSS文件似乎都以自己为中心。

Answer 1

例如：

<body>
<div id="cont">
asdasd
</div>
</body>

和css：

#cont {
margin : 0 auto; // Normally centered #cont for Chrome, Firefox and IE
}
body {
text-align : center; // But for perfect centering, IE need this.
}

因为，如果你将BODY的text-align设置为center，那么所有div（在<body>里面）将在IE中居中。然后，您必须手动将此div的text-align设置为left。你可以尝试

Answer 2

您可以尝试使用Internet Explorer黑客并将左右边距设置为自动。如：

html * div {
    margin-left:auto;
    margin-right:auto;
    width:600px;
}

Answer 3

如果您想要在页面上居中的div或其他标记，则需要为其指定宽度，然后使用边距规则中心。根据我的理解，IE需要看到的是，父div的宽度为100％。所以像这样：

<html>
    <body>
        <div id="myDiv">
            <p>Some text</p>
        </div>
    </body>
</html>

然后是CSS：

body {
    width: 100%;
}

#myDiv {
    /* this will center horizontally only, i assumed that is what you wanted */
    margin: 0px auto;
    width: 500px;
}

CSS都使用IE粘贴到左侧

3 个答案: