html中中心标签的替代标签？ [复制]答案

【问题标题】：Alternative tag for center tag in html? [duplicate]html中中心标签的替代标签？ [复制]
【发布时间】：2016-08-03 13:42:37
【问题描述】：

 <center>
  <img src="/images/perform.png" width="40%" class="img-responsive" alt="Responsive image">
</center>

这里我使用了中心标签..它显示中心对齐的图像，但现在我必须更改中心标签..中心标签有替代标签吗？

【问题讨论】：

标签： html css

【解决方案1】：

没有：center 在css 解决方案的风格中已被弃用。实际上，将您的示例图像居中非常容易

img{
  display: block;
  margin: 0 auto;
}

【讨论】：

【解决方案2】：

替代方案？为什么要使用标记作为<center> 标记已被贬值，因为这可以通过一小段css 代码来完成。

您可以在父 div 中使用 text-align:center，或在子 div 中使用 margin:0 auto。

文本对齐：居中

<div style="text-align:center">
  <img src="/images/perform.png" width="40%" class="img-responsive" alt="Responsive image">
</div>

边距：0 自动

<div>
  <img src="/images/perform.png" width="40%" class="img-responsive" alt="Responsive image" style="margin:0 auto; display:block;">
</div>

【讨论】：

【解决方案3】：

HTML 4 标准已弃用 HTML 中的 center 标签。这意味着它已从 Web 标准中删除。但是，可能大多数浏览器仍然支持center 标签。但是浏览器没有必要支持center标签，因为它不是标准的一部分。

如果你想让一个元素居中对齐，你应该使用css。您可以使用css 的text-align 属性来更改元素的对齐方式。

例如，

#center-align {
  text-align: center;
}

&lt;p id="center-align"&gt;Some text&lt;/p&gt;

在这个例子中，我使用id 属性来设置段落的对齐方式。取而代之的是，您可以使用任何其他 css 选择器，例如类、标签名称或任何其他间接选择器。

参考文献

【讨论】：