html中心标签的替代标签?

时间:2016-08-03 05:33:03

标签: html css

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

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

3 个答案:

答案 0 :(得分:2)

替代?为什么要使用标记作为<center>标记被折旧,因为这可以使用小的css代码完成。

您可以在父级中使用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>

答案 1 :(得分:1)

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

如果您想要居中对齐元素,则应使用css代替。您可以使用text-align css属性来更改元素的对齐方式。

例如,

#center-align {
  text-align: center;
}
<p id="center-align">Some text</p>

在此示例中,我使用id属性来设置段落的对齐方式。除此之外,您可以使用任何其他css选择器,如类,标记名称或任何其他间接选择器。

参考

  1. Mozilla Developer Network

答案 2 :(得分:1)

没有一个:centercss解决方案的风格中被弃用。 实际上,将示例图像居中很容易

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

有关其他参考:https://css-tricks.com/centering-css-complete-guide/