HTML5 是一種新的 Web 技術(shù)，為開發(fā)者提供了更多的功能，其中包括了設(shè)置圖片居中的功能。以下是如何使用 HTML5 設(shè)置圖片居中的方法。 首先，在 HTML 頁面中插入圖片。例如：

<img src="photo.png" alt="照片">

接著，使用 CSS 給該圖片設(shè)置樣式，使其垂直和水平居中。例如：

<p style="text-align: center;">
<img src="photo.png" alt="照片" style="display: block; margin: 0 auto;">
</p>

在上面的代碼中，我們把整個(gè)圖片放在一個(gè) P 標(biāo)簽中，并將該 P 標(biāo)簽的文本對(duì)齊設(shè)置為居中。然后，對(duì)該圖片應(yīng)用 CSS 樣式，使其顯示為塊級(jí)元素，然后將上下外邊距設(shè)置為 0，并將左右外邊距設(shè)置為自動(dòng)，以實(shí)現(xiàn)水平居中。這樣我們就成功地將圖片居中了！ 總結(jié)一下，在 HTML5 中設(shè)置圖片居中是相當(dāng)簡(jiǎn)單的。只需將整個(gè)圖片放在一個(gè) P 標(biāo)簽中，并使用 CSS 樣式將其垂直和水平居中。這個(gè)技巧可以用于多種場(chǎng)合，比如在 Web 設(shè)計(jì)中，將導(dǎo)航菜單項(xiàng)居中，或者將某個(gè)元素在頁面中居中等等。