CSS中通過對元素進行樣式設(shè)置，可以讓圖片實現(xiàn)居中顯示的效果。下面我們介紹一些在CSS中讓圖片居中的方式。

/*將圖片設(shè)置為塊狀元素，然后應(yīng)用margin屬性*/
img {
display: block;
margin: 0 auto;
}

上述代碼將圖片設(shè)置為塊狀元素，使用margin屬性來實現(xiàn)水平居中。其中margin: 0 auto;的意思是讓圖片左右兩側(cè)的margin都為0，利用auto屬性來將圖片水平居中。

/*將img元素的父元素（如div）設(shè)置為相對定位，然后利用absolute屬性將圖片相對父元素居中*/
div {
position: relative;
}
img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

上述代碼先將img元素的父元素設(shè)置為相對定位，然后將圖片的position屬性設(shè)置為absolute，top和left屬性均為50%，表示將圖片放置于父元素的中心位置。

最后，使用transform: translate(-50%, -50%);將圖片向左移50%，向上移50%，實現(xiàn)完美的居中效果。