中心標記在html中的替代標記？

Question

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

在這裏，我已經使用中心tag..it顯示中心圖像一致，但現在我必須改變中心tag..is那裏爲中心標記的任何替代標籤？

Answer 1

不存在：center已棄用於css解決方案。 其實，圍繞你的榜樣形象是很容易

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

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

Answer 2

HTML中的center標記已棄用HTML 4標準。這意味着它已從網絡標準中刪除。但是，大多數瀏覽器仍可能支持center標記。但瀏覽器不需要支持center標籤，因爲它不是標準的一部分。

如果你想要中心對齊一個元素，你應該使用css來代替。您可以使用text-align屬性css更改元素的對齊方式。

例如，

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

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

在本例中，我使用id屬性來設置段的對準。除此之外，您可以使用任何其他css選擇器，如類，標記名稱或任何其他間接選擇器。

參考

1. Mozilla Developer Network

Answer 3

替代？爲什麼要使用標籤作爲<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>