當前位置:常識百科館>遊戲數碼>IT技術>

怎樣讓html中的img標籤居中顯示

IT技術 閱讀(2.67W)

操作方法

先看下我們的html代碼,在一個div裏放入一個img圖片標籤。

怎樣讓html中的img標籤居中顯示

再看下我們div的樣式,主要地方是我們設定了div的寬度,爲400px,如圖所示的代碼。

怎樣讓html中的img標籤居中顯示 第2張

現在看下頁面,可以看到,現在的圖片是靠左顯示的,並沒居中

怎樣讓html中的img標籤居中顯示 第3張

要讓img標籤的圖片居中,我們可以加上一行樣式代碼:text-align: center;就行了。

怎樣讓html中的img標籤居中顯示 第4張

再次看下頁面,可以看到現在的圖片已經是居中顯示的了。

怎樣讓html中的img標籤居中顯示 第5張