當前位置:妙知谷 >

遊戲數碼 >IT技術 >

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

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

操作方法

先看下我們的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 居中
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/itjishu/xjexr.html