HTML5中經常使用圖片來裝飾頁面，但是有時候我們可能會遇到設置圖片居中的問題。其實，HTML5提供了很多種方法，使得我們能夠輕松地將圖片居中對齊。 方法一：使用CSS樣式 在HTML文件中，使用CSS樣式可以讓我們更加方便地對圖片進行樣式的設置。我們可以通過以下的CSS代碼來讓圖片居中： pre{ text-align:center; }

該函數可以將圖片的位置居中，達到美觀的效果。當然，如果我們不想使用CSS樣式，我們還可以通過以下的HTML代碼實現同樣的效果： 方法二：使用表格 在HTML5中，表格也是一種能夠實現排版的標簽。我們可以通過以下的代碼來設置圖片居中： pre{ text-align:center; }使用表格時需要注意的是，表格的邊框可能會影響到圖片的顯示效果。如果需要去除表格的邊框，可以通過CSS樣式將表格的邊框設置為0。 方法三：使用flexbox布局 flexbox布局是一種新的CSS布局方式，在HTML5中得到了廣泛的應用。我們可以通過以下的CSS代碼來設置圖片居中： pre{ display: flex; align-items: center; justify-content: center; }

以上是三種常見的方法，讓圖片在HTML5中居中顯示。由于HTML5提供了眾多的排版方式，我們在選擇圖片居中的方法時可以根據自己需要選擇。