中心标记在html中的替代标记？

问题描述：

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

在这里，我已经使用中心tag..it显示中心图像一致，但现在我必须改变中心tag..is那里为中心标记的任何替代标签？

什么叫“变化中心的标签”是什么意思？你期望你的代码是做什么的？ –

CSS是一个选项，而不是使用预先定义的标签？ – smoksnes

答

不存在：center已弃用于css解决方案。其实，围绕你的榜样形象是很容易

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

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

答

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

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

例如，

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

<p id="center-align">Some text</p>

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

参考

Mozilla Developer Network

不要为此使用'id'属性。否则，您只允许每个页面具有单个居中元素。 – str

答

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

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

的text-align：中心

<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>

是...text-align：center不工作，但style =“margin：0 auto; display：block;”这个CSS运行良好 –

这里'文本对齐：中心'应该也完美工作，除非如果一些其他的CSS代码不重叠。 –

中心标记在html中的替代标记？

相关推荐