HTML 中設置圖片居中顯示 在 HTML 中，有時候我們需要在頁面上加入一些圖片來豐富內容。如果圖片不是很大，我們可以將其設置為居中顯示，這樣可以讓頁面看起來更加美觀。 要將圖片設置為居中顯示，我們可以通過 CSS 來實現。具體步驟如下： 1. 在 HTML 中插入圖片 可以使用標簽插入圖片，如下所示：

下面是一張圖片：

2. 在 CSS 中設置圖片居中顯示 通過為圖片添加CSS樣式，可以實現圖片在頁面中居中顯示。可以使用以下的CSS代碼：

img {
display: block; /* 將圖片轉換為塊級元素，以便使用居中的 margin */
margin: 0 auto; /* 將左右 margin 設為“auto”，即可使圖片居中 */
}

注意：以上CSS樣式是將圖片水平居中，如果需要將圖片垂直居中，需要進一步修改樣式。 總結 使用 CSS 來將圖片居中顯示可以讓頁面看起來更加美觀。以上的 CSS 樣式只是一種實現方法，你可以自己嘗試其他方式來實現圖片居中顯示。 結束。