使用CSS讓圖片中網(wǎng)頁中水平居中代碼：

text-align:center

內(nèi)容居中text-align:center介紹：

text-align:center為水平內(nèi)容居中功能，圖片放入網(wǎng)頁中是使用img標(biāo)簽引入，所以要讓圖片水平居中，只需要對圖片父級(上一級)設(shè)置此水平居中CSS即可。

一、對div內(nèi)圖片設(shè)置水平居中實例

1、CSS代碼

div{ width:400px; height:110px;text-align:center}

這樣即可設(shè)置div內(nèi)圖片居中。

2、html代碼

3、圖片水平居中實例截圖

img圖片在div內(nèi)水平居中實例截圖

二、對指定class對象內(nèi)圖片設(shè)置居中

1、CSS代碼

.exp{ width:300px; height:80px;text-align:center}

為了看到圖片居中效果，設(shè)置對象寬度和高度

2、HTML內(nèi)容代碼

3、效果截圖

圖片作為內(nèi)容被水平居中

作者：div css

總結(jié)

以上是生活随笔為你收集整理的html一张图片水平居中,CSS 图片水平居中的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。