我啥时候使用中心和自动保证金？ CSS
Posted
技术标签:
【中文标题】我啥时候使用中心和自动保证金？ CSS【英文标题】：When do I Use Center and Auto Margin? CSS我什么时候使用中心和自动保证金？ CSS 【发布时间】：2020-10-11 15:18:39 【问题描述】：我正在 Codecademy 中学习 CSS。我已经上过他们的 html 课程，所以我知道center 标签。但是，现在他们引入了 CSS 边距属性。他们还介绍了margin: 0 auto; 属性。据我所知，两者都做同样的事情。那么有什么区别吗？我什么时候使用每一个，还是没关系？提前致谢！
【问题讨论】：
这个问题已经解决了Here是链接 这能回答你的问题吗？ What is the difference between using `text-align:center` and `margin: 0 auto` to center an element in CSS? 【参考方案1】：<center> 是一个已弃用的标签。你应该避免使用它。 HTML5 不支持此标记。 CSS 属性用于设置元素的对齐方式，而不是 HTML5 中的 center 标签。 <center> 的等效标记可以被认为是 -
.center margin: 0 auto; text-align: center;
<center> 被贬值的主要原因是它定义了其内容的呈现方式，而不是内容本身。根据w3.org -
CENTER 元素完全等同于指定 DIV 元素 对齐属性设置为“中心”。中心元素是 已弃用。
那么有什么区别吗？我什么时候使用它们，或者没关系？
上面的代码sn-p和<center>可以认为是等价的。只是使用margin: 0 auto; 并不总是被认为是相同的。请参阅下面的示例 -
<!DOCTYPE html>
<html>
<body>
<center>
<div>This is a div inside center</div>
</center>
<br>
<div>This is a div without any styling.</div>
<br>
<div style="margin: 0 auto;">This is a div with "margin: auto 0px;".Text not centered, doesn't work.</div>
<br>
<div style="margin: 0 auto;text-align:center">This is a div with "margin: auto 0px;".Text centered, works !</div>
</body>
</html>要考虑的另一点是<center> 标签是一个块级元素，这意味着它可以包含其他块级和内联元素并将它们居中。考虑下面的例子 -
p
width: 200px;
display: block;
<!DOCTYPE html>
<html>
<body>
<!--p has a width of 200px given through css-->
<center>
<p>centers the element to page center</p>
</center>
<center>
<div style="margin:0 auto;text-align:center;">
<p>This one doesn't work here same as center tag </p>
</div>
<div>
<p style="margin:0 auto;text-align:center;">This one does</p>
</div>
</body>
</html>【讨论】：
仅作记录，margin: 0 auto 与margin: auto 0 不同
@IvanS95 是的，写错了。是想说margin: 0 auto。现在编辑它以避免混淆
@Alohci 你可能可以和这个答案;）我无法找到解释中心标签如何影响布局的答案（考虑块和内联元素）
你给出了等价，而你的最后一个例子表明你的等价是错误的。
@TemaniAfif 是的，这就是我提到的。在每种情况下都不完全相同。我举了一个他们不同的例子。【参考方案2】：
正如 W3Schools wiki 描述的here，HTML5 不支持<center></center> 标签，尽管由于向后兼容，浏览器仍可以使用它。最好的办法是使用margin: 0 auto 属性。
【讨论】：
以上是关于我啥时候使用中心和自动保证金？ CSS的主要内容，如果未能解决你的问题，请参考以下文章
我啥时候使用像 Paxos 这样的共识算法而不是使用像 Vector Clock 这样的东西？