为什么<center>标记在HTML中被弃用?

我只是好奇为什么HTML中的<center>标记被弃用了。

<center>是一种通过将容器封装在<center>标签中来快速居中对齐文本和图像块的简单方法，现在我真的找不到任何更简单的方法了。

有人知道任何简单的方法如何居中“东西”(不是左边距:auto;margin-right:汽车;width)，替换<center> ?还有，为什么它被弃用了?

当前回答

对于文本和图像，您可以使用text-align:

<div style="text-align: center;">
    I'm centered.
</div>

其他回答

标记，即HTML标记，表示含义和结构，而不是外观。它在早期版本的HTML中被严重混淆，但现在标准的人们正试图清理它。

让标签控制外观的一个问题是，您的页面不能很好地使用针对残疾人的设备，例如屏幕阅读器。这也会导致在你的文本中有很多很多的标签，这些标签不能帮助阐明意思，而是用不同层次的信息使它变得混乱。

因此，CSS被认为是将格式/显示转移到不同的语言，这与文本是分开的，可以很容易地保持这种方式。其中，这允许切换样式表来更改Web页面的外观，而不涉及其他标记。而且能够做到在一个膨胀的foop很多页。

CSS提供的工具并不总是很优雅，我站在你这边。例如，没有办法进行有效的垂直定心。水平居中，如果它不仅仅是文本符合文本对齐，也不会好到哪里去。

你可以选择简单、有效、混乱，也可以选择干净、优雅、繁琐。我不明白为什么Web开发人员要忍受这种混乱，但我猜他们很高兴至少有机会完成他们的工作。

发人深思:文本-语音合成器使用<center>会做什么?

如果您愿意，您仍然可以将其用于XHTML 1.0 Transitional和HTML 4.01 Transitional。唯一的另一种方法(在我看来最好的方法)是使用边缘:

<div style="width:200px;margin:auto;">
  <p>Hello World</p>
</div>

HTML应该定义元素，而不是控制它的表示。

您可以将此添加到您的css中，并使用<div class="center"></div>

.center{
  text-align: center;
  margin: auto;
  justify-content: center;
  display: flex;
}

或者如果你想保留<center></center>，并为它被删除做好准备，将其添加到你的CSS中

center{
  text-align: center;
  margin: auto;
  justify-content: center;
  display: flex;
}

<center>元素已弃用，因为它定义了其内容的表示—它不描述其内容。

居中的一种方法是将元素的margin-left和margin-right属性设置为auto，然后将父元素的text-align属性设置为居中。这保证了元素将在所有现代浏览器中居中。

推荐文章