<center>
<img src="/images/perform.png" width="40%" class="img-responsive" alt="Responsive image">
</center>
这里我使用了中心标签..它显示中心对齐的图像,但现在我必须更改中心标签..是否有中心标签的替代标签?
答案 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选择器,如类,标记名称或任何其他间接选择器。
参考
答案 2 :(得分:1)
没有一个:center
在css
解决方案的风格中被弃用。
实际上,将示例图像居中很容易
img{
display: block;
margin: 0 auto;
}