CSS是網(wǎng)頁(yè)排版的重要工具之一，可以用于實(shí)現(xiàn)對(duì)圖片的居中顯示。以下是居中圖片的幾種實(shí)現(xiàn)方法：

/* 方法一：使用text-align屬性實(shí)現(xiàn)水平居中 */
img {
display: block; /* 將圖片轉(zhuǎn)為塊級(jí)元素，以便設(shè)置寬度 */
margin: 0 auto; /* 水平居中 */
}
/* 方法二：使用flex布局實(shí)現(xiàn)居中 */
.container {
display: flex;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}
.container img {
width: 50%; /* 適用于圖片寬度小于容器寬度的情況 */
}
/* 方法三：使用absolute定位實(shí)現(xiàn)居中 */
.container {
position: relative; /* 定位父元素 */
}
.container img {
position: absolute;
top: 50%; /* 垂直居中 */
left: 50%; /* 水平居中 */
transform: translate(-50%, -50%); /* 修正偏移 */
}

以上三種方法均可實(shí)現(xiàn)圖片居中顯示，具體選擇哪一種方法要根據(jù)實(shí)際情況進(jìn)行考慮。其中，flex布局較為簡(jiǎn)潔且兼容性良好，可在較新版的瀏覽器中支持。而absolute定位雖然兼容性稍差，但更為精準(zhǔn)，同時(shí)在需要實(shí)現(xiàn)圖片在文字中間居中的情況下可得到更好的效果。