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

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

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

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

当前回答

我所做的是采取常见的任务，如居中或浮动，并从中创建CSS类。当我这样做时，我可以在任何页面中使用它们。我还可以在同一个元素上调用任意多个函数。

.text_center {text-align: center;}
.center {margin: auto 0px;}
.float_left {float: left;}

现在我可以在HTML代码中使用它们来执行简单的任务。

<p class="text_center">Some Text</p>

其他回答

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

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

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

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

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

如果您愿意，您仍然可以将其用于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;
}

推荐文章