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

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

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

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

当前回答

您可以将此添加到您的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;
}

其他回答

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

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

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

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

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

HTML的目的是结构化数据，而不是控制布局。CSS用于控制布局。您还会发现许多设计人员出于同样的原因不愿意使用<table>进行布局。

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

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

CSS有一个text-align: center属性，因为这是一个纯粹的视觉东西，而不是语义，它应该归为CSS，而不是HTML。

推荐文章