在網(wǎng)頁設(shè)計中，經(jīng)常需要對圖片進行水平居中處理，這個過程中CSS有多種實現(xiàn)方式，以下是其中的一種：

img {
display: block;
margin: 0 auto;
}

代碼中的display:block;將圖片轉(zhuǎn)化為塊級元素，使得margin屬性生效。margin:0 auto;將圖片的左右邊距都設(shè)置為自動，這樣圖片就能夠?qū)崿F(xiàn)水平居中。

需要注意的是，這種方法僅適用于圖片實際寬度小于或等于容器寬度的情況。如果圖片寬度大于容器寬度，還需添加max-width屬性，代碼如下：

img {
display: block;
margin: 0 auto;
max-width: 100%;
}

其中max-width: 100%;可以讓圖片的寬度不會超過容器寬度，保證圖片自適應(yīng)容器大小，并且仍能實現(xiàn)水平居中。

以上是css將圖片水平居中的簡易實現(xiàn)方式，當(dāng)然還有其他更加復(fù)雜的方式，大家可以繼續(xù)學(xué)習(xí)研究。