Fatal编程技术网
  • html/
  • Html 使用自动边距以主体或div元素为中心

Html 使用自动边距以主体或div元素为中心

html

Html 使用自动边距以主体或div元素为中心,html,center,margin,Html,Center,Margin,我正在使用边距：0自动以居中显示我的页面内容。 最近我发现在主体上使用自动边距与在（包装器）div上使用自动边距具有相同的视觉效果 <!DOCTYPE> <html> <head> <style> div#wrapper { margin: 0 auto; width: 60%; } </style> </head> <bo

我正在使用
边距：0自动以居中显示我的页面内容。
最近我发现在
主体上使用自动边距与在（包装器）
div
上使用自动边距具有相同的视觉效果


<!DOCTYPE>
<html>
<head>
    <style>
        div#wrapper {
            margin: 0 auto;
            width: 60%;
        }
    </style>
</head>
<body>
    <div id="wrapper">
        <!-- Rest of page. -->
    </div>
</body>
</html>




div#wrapper{
保证金：0自动；
宽度：60%；
}


与之相比


<!DOCTYPE>
<html>
<head>
    <style>
        body {
            margin: 0 auto;
            width: 60%;
        }
    </style>
</head>
<body>
    <!-- Rest of page. -->
</body>
</html>




身体{
保证金：0自动；
宽度：60%；
}


它似乎更好，因为它删除了一个（不必要的）元素。

使用此方法时是否需要考虑任何陷阱？
我一直在车身上使用自动边距。您只需记住，如果要为页面设置背景，必须将其设置为html标记，因为人们通常在上设置页面背景。
我不建议这样做。不必要地在主体框上设置边距，最终使用负边距和绝对定位来突破

坚持使用容器（或包装器）模型——这被广泛认为是最佳实践。检查这个和任何其他专业设计的网站的来源，你会看到相同的