小贝子编程

在IE中主div如何显示在中间



我有一个问题，我创建了一个主div并使用center标签使其出现在页面的中心，它在Firefox中工作得很好，但在IE中，即使使用center标签，它也出现在左侧，我也尝试了margin = auto。请建议。

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

元素不能有float:;。

元素不能显示为inline-block或inline元素

元素必须显示为block元素和有一个定义的宽度。

CSS

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


<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>

试试这个:

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

在你的CSS中:

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

确保DOCTYPE包含在文档的每个网页的顶部。DOCTYPE's是兼容网页的关键组件:没有它们，你的标记和CSS将无法验证。

相关内容

最新更新


热门标签：

javascript python java c# php android html jquery c++ css ios sql mysql arrays asp.net json python-3.x ruby-on-rails .net sql-server django objective-c excel regex ruby linux ajax iphone xml vba spring asp.net-mvc database wordpress string postgresql wpf windows xcode bash git oracle list vb.net multithreading eclipse algorithm macos powershell visual-studio image forms numpy scala function api selenium