HTML5是一種標(biāo)記語(yǔ)言，可以用來(lái)制作網(wǎng)頁(yè)。在網(wǎng)頁(yè)設(shè)計(jì)中，圖片是一個(gè)重要的元素。因此，在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，如何將圖片設(shè)置到居中位置就顯得尤為關(guān)鍵。下面，本文將介紹如何使用HTML5將圖片居中顯示。

// HTML代碼
<div class="center">
<img src="xxx.jpg" alt="">
</div>
// CSS代碼
.center {
text-align: center;
}
.center img {
display: inline-block;
}

以上就是使用HTML5將圖片居中的代碼示例。我們可以將圖片放在一個(gè) <div> 元素中，并將該元素的 text-align 設(shè)置為center，這樣就可以使圖片水平居中。而要實(shí)現(xiàn)垂直居中，則需將圖片的 display 屬性設(shè)置為 inline-block。

總體來(lái)說(shuō)，HTML5是一種功能強(qiáng)大的標(biāo)記語(yǔ)言，可以實(shí)現(xiàn)豐富的網(wǎng)頁(yè)設(shè)計(jì)。對(duì)于圖片置中這一問(wèn)題，使用上述代碼就能輕松解決。當(dāng)然，如果你想讓網(wǎng)頁(yè)更具創(chuàng)意性，還可以使用其他HTML5的特性來(lái)實(shí)現(xiàn)更復(fù)雜的布局效果。