Html 如何对齐a<；部门>；到页面中央_Html_Css

Html 如何对齐a<；部门>；到页面中央

html css

Html 如何对齐a<；部门>；到页面中央,html,css,Html,Css,可能重复：我有一个div标记，hight设置为800px，我希望当浏览器宽度大于600px时，它不应该拉伸div，但应该将其带到页面中间我怎样才能做到这一点我可以使用以下代码吗？中心内容简短回答：将边距设置为“自动” <html> <head><title>Your Title</title></head> <body> <div style="width:600px; margin:auto; bord

可能重复：

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

我怎样才能做到这一点

我可以使用以下代码吗？中心内容简短回答：

将边距设置为“自动”

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


你的头衔

长答覆：

您可能希望为该div设置一个id，并根据规则提供适当的css选择器，而不是像这样使用内联样式

此外，为了在IE6和IE7中正常工作，您需要给出doctype声明，否则它将无法工作，因为ie将在怪癖模式下工作

所以完整的答案应该是

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


你的头衔
#容器{宽度：600px；边距：自动；边框：1px实心红色}

在css中输入以下属性：

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

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

您可以尝试margin:auto，但请注意，这在所有浏览器中都不起作用，特别是在IEOff主题中，但我忍不住要分享这一点：默认情况下位置是相对的实际上默认位置是父位置。我们不知道div的确切位置我可以使用以下代码吗？以内容为中心我不同意，默认情况下，位置是

静态的

，这就是为什么您需要在

顶部：

和

左侧：

之前明确定义

位置：相对的

effect@chetan是的，你可以，由于主体的高度将占据div的全部高度，因此两个边距声明之间不会有太大差异。。。。。但是你想宽度是800px还是600px？我可以使用下面的代码吗？居中内容是的，你可以，0自动只意味着顶部和底部的边距为0，左侧和右侧的边距为0。