使用CSS讓圖片中網頁中水平居中代碼：

text-align:center

內容居中text-align:center介紹：

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

一、對div內圖片設置水平居中實例

1、CSS代碼

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

這樣即可設置div內圖片居中。

2、html代碼

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

img圖片在div內水平居中實例截圖

二、對指定class對象內圖片設置居中

1、CSS代碼

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

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

2、HTML內容代碼

3、效果截圖

圖片作為內容被水平居中

作者：div css

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。