html - 这2个边距有什么区别?

标签 html css

<分区>

我在做大学的作业是做一个网站。 所以我有一个名为 container 的 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>

所以我的问题很简单 use margin:auto; 和 use margin:auto; 之间有什么区别?和边距:0 auto;?

感谢您提出所有问题,所以边距可以根据屏幕分辨率调整网站大小吗?所以最好让所有汽车?或 0 自动;?

感谢您的宝贵时间。

最佳答案

两者都会将您的 div 水平放置在中心。添加 0 确保顶部和底部边距为零。它与对齐中心没有任何关系。有关更多信息,请参阅以下帖子。

What does auto do in margin:0 auto?

关于html - 这2个边距有什么区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20319395/

上一篇:css - 使用不同的图像和 CSS 创建按钮

下一篇:html - 在 div 之上创建一个 float 的 div

相关文章:

jquery - 检查所有空文本输入的验证不起作用

python - 在 Pandas 列表中查找特定值

javascript - 如何动态更新/覆盖页面标题?

javascript - 将 jQuery 的 CSS 计时转换为 ms

java - 无法点击元素 - Selenium WebDriver

javascript - CSS有没有可能逃脱shadow dom(Polymer)?

css - 在双极矩阵定性中设置语句列的宽度

javascript - 在 HTML 代码中使用主目录

jquery - 单击图像时无法使单击处理程序工作

javascript - 输入元素不滚动