在HTML中，img標簽用于插入圖片。當插入圖片時，我們有時需要將圖片居中顯示。如何設置圖片在HTML中居中是一件非常簡單的事情。

<img src="image.jpg" alt="Image" style="display:block; margin:auto;">

上述代碼中，我們使用了 style 屬性來設置圖片樣式，其中 display:block; 將圖片設置為塊級元素， margin:auto; 將圖片的左右邊距設置為自動，從而實現了圖片的居中效果。

我們還可以使用CSS樣式來設置圖片的居中位置，如下所示：

<style>
img {
display: block;
margin: auto;
}
</style>
<img src="image.jpg" alt="Image">

使用CSS樣式的方法更加簡潔，且更具可維護性，尤其當我們需要在多個頁面中使用相同的樣式時，使用CSS樣式將變得尤為方便。