酷知百科網

位置:首頁 > 遊戲數碼 > IT技術

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

IT技術2.64W

操作方法

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

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

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

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

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

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

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

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

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

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