Question

我做大学的家庭作业就是建立一个网站。所以我有一个div id命名容器，它是我的div，它将定义我所有页面的宽度。所以我的问题是老师说要放

#container {
    width:Anyvaluepx;
     margin:auto;

}

所以我一直在寻找集中容器的方法，我看到有人说要放这样的东西：

#container {
  width:valuepx;
   margin 0 auto;

}

我认为没有必要我的html文件，但我也会发布：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Eagle's Guitar Shop</title>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
</head>

<body>
<div id="container">
<div id="header">
</div>
<div id="nav">
</div>
<div id="content">
</div>
<div id="footer">
 </div>






</div> <!--Finish Container div-->
</body>
</html>

所以我的问题很简单：使用保证金之间的区别是什么：auto;和保证金：0自动;？

感谢您提出所有问题，以便利用屏幕分辨率重新调整网站大小？所以最好让所有汽车？或0自动;？

感谢您的时间。

Answer 1

两者都会将你的div水平放在中心位置。添加0确保顶部和底部边距为零。对齐中心不需要做任何事情。如需更多信息，请访问以下帖子。

What does auto do in margin:0 auto?

Answer 2

区别在于margin: auto;将所有边距设置为auto;而margin: 0 auto将margin-top和margin-bottom设置为0，将margin-left和margin-right设置为auto。

margin: auto;

相当于：

margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;

尽管

margin: 0 auto;

相当于：

margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;

类似地，

margin: 0 auto 10px;

相当于：

margin-top: 0;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;

参考文献：

CSS Properties: margin。

Answer 3

margin: 0 auto是集中容器的正确方法。不同之处在于margin: auto与垂直和水平轴混淆，后者聚焦在水平轴上。

这两个边距有什么区别？

3 个答案: