CSS中添加圖片居中可以讓頁面更加美觀、大方，縮小了圖片與文字之間的距離，增加了布局的靈活性。下面就介紹一些CSS中如何添加圖片居中的方法。

/* 方法一：使用display: flex */ 
.container {
display: flex;
justify-content: center;
align-items: center;
}
.container img {
max-width: 100%;
}
/* 方法二：使用position和transform */ 
.image {
position: relative;
}
.image img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 100%;
}

以上兩種方法都可以讓圖片實現居中效果，但是需要注意的是，方法一只適用于圖片在容器中作為唯一元素。如果在文本環境中使用，會影響到排版；方法二則需要在圖片外包裹一層容器，不太方便。

最后，補充一下讓背景圖實現居中的方法：

.box {
background-image: url("image.jpg");
background-size: cover;
background-position: center center;
}

這種方法比較簡單，只需要給父元素添加背景圖，并將background-size設置為cover，就可以讓圖片鋪滿整個容器。background-position的值為center center，可以實現居中效果。