Question

我有一个问题，我创建了一个主div并使用中心标签使其显示在页面的中心并且它在Firefox中正常工作但在IE中它甚至在使用中心标签后出现在左侧，我也尝试过边缘=自动。请建议。

Answer 1

margin: 0 auto;是实现这一目标的最佳方式。

元素不能有float:;。

元素无法显示为inline-block或inline元素。

元素必须显示为block元素且具有已定义的宽度。

<强> CSS

.container {
    display: block;
    width: 960px;
    margin: 0 auto;
}

<强> HTML

<div class="container">
whee, i'm a centered div!
</div>

您的整个网页代码：

<!DOCTYPE html>
<html>
    <head>
        <title>My Page Title</title>

        <style type="text/css">
            .container {
                display: block;
                width: 960px;
                margin: 0 auto;
            }
        </style>
    </head>
    <body>
        <div class="container">
            whee, i'm a centered div!
        </div>
    </body>
</html>

Answer 2

试试这个：

<div id="centered">Hello again, World!</div>

在你的CSS中：

#centered { 
  width: 500px; 
  position: absolute; 
  left: 50%; 
  margin-left: -250px; 
}

Answer 3

确保DOCTYPE包含在文档中每个网页的最顶层。 DOCTYPE's是合规网页的重要组成部分：如果没有合规网页，您的标记和CSS将无法验证。

如何在IE中心出现主要的div？

3 个答案: