網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

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

欄目: IT技術 / 發佈於: / 人氣:2.57W

操作方法

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

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

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

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

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

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

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

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

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

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