今天我們來講一下如何在HTML中設(shè)置圖片居中顯示。首先，我們需要在HTML中插入一張圖片，可以使用img標(biāo)簽來實(shí)現(xiàn)。 下面是一個(gè)示例代碼：

<img src="example.jpg" alt="Example Image">

這個(gè)代碼會(huì)在頁面上顯示一張名為"example.jpg"的圖片，并在圖片下方添加"Example Image"的說明文字。 接下來，我們要將這張圖片居中顯示。方法有很多種，比較簡(jiǎn)單的一種是使用CSS來實(shí)現(xiàn)。CSS中的"margin"屬性可以用來設(shè)置元素的外邊距，從而實(shí)現(xiàn)居中對(duì)齊。 下面是示例代碼：

<style>
img {
display: block;
margin: 0 auto;
}
</style>

這個(gè)代碼會(huì)將頁面中所有的img元素轉(zhuǎn)換為塊級(jí)元素，并將它們的左右外邊距都設(shè)置為"auto"，這樣就可以使它們?cè)诟冈刂兴骄又袑?duì)齊了。 需要注意的是，在設(shè)置margin屬性時(shí)，我們使用了"0 auto"的方式，這是為了保證圖片在水平方向上居中對(duì)齊。如果只設(shè)置"auto"，則會(huì)使圖片在垂直方向上也進(jìn)行居中對(duì)齊。 在了解了以上內(nèi)容后，我們就可以輕松地將HTML中的圖片居中顯示了。希望本篇文章能對(duì)你有所幫助！