Question

可能重复：
How to align a <div> to the middle of the page

我有一个div标签，hight设置为800px，我希望当浏览器宽度大于600px时，它不应该拉伸div但它应该将它带到页面中间

我怎样才能做到这一点？

我可以使用以下代码吗？中心内容

Answer 1

简答：

边距设置为自动

<html>
<head><title>Your Title</title></head>
<body>
<div style="width:600px; margin:auto; border:1px solid red">
</div>
</body>
</html>

答案很长：

你可能想为该div设置一个id，并给出适当的css选择器和规则，而不是像这样使用内联样式。

另外，为了在ie 6和7中正常工作，你需要给出doctype声明，否则它将无法工作因为ie将在怪癖模式下工作 http://www.satzansatz.de/cssd/quirksmode.html

所以完整的答案应该是

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
       <title>Your Title</title>
       <style>#container { width:600px; margin:auto; border:1px solid red }</style>
    </head>
    <body>
       <div id="container">
       </div>
    </body>
    </html>

Answer 2

在css中输入以下属性：

max-width:600px;
position:relative;
margin:auto;

我不清楚的一件事是，如果浏览器宽度小于600px，您是否希望div占用浏览器的宽度？

如何将<div>与页面中心对齐</div>

2 个答案: