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

來源:酷知科普網 2.61W

操作方法

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

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

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

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

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

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

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

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

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

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