html如何設置居中顯示圖片

在html中，可以使用text-align屬性設置居中顯示圖片，只需要給圖片元素設置“text-align:center”即可。text-align屬性規定元素中圖片的水平對齊方式，當值為center時，表示把圖片排列到中間。

本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

然后我們需要在body部分新建一個div標簽，并在其中插入一張img圖片。并給div添加簡單的css樣式。

然后我們在瀏覽器中查看效果，可以發現圖片是默認左對齊的，并沒有在div的正中央顯示。

此時為圖片添加居中屬性也是沒有用的，我們需要將圖片套在一個p或者span標簽中，給標簽添加一個text-align:center屬性。

這樣修改之后，我們再次回到瀏覽器中刷新頁面，可以看到圖片已經是在div中居中顯示了。

推薦學習：html視頻教程