在頁面布局中，圖片的居中處理是非常重要的，它不僅能夠美化頁面，還能夠使頁面更加清晰易讀。下面介紹一些 CSS 實現圖片居中處理的方法。

/* 方法一：使用 text-align 屬性 */
.container {
text-align: center;
}
.container img {
display: inline-block;
}
/* 方法二：使用 margin 屬性 */
.container {
display: flex;
justify-content: center;
align-items: center;
}
.container img {
margin: auto;
}
/* 方法三：使用 position 屬性 */
.container {
position: relative;
}
.container img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

以上方法中，第一種方法是將圖片放在容器中，并設置容器的文本居中，這樣圖片就能夠自動居中了。第二種方法是使用彈性盒子布局（Flexbox），通過設置容器的 justify-content 和 align-items 屬性使得圖片居中。第三種方法是使用 position 屬性，將圖片的位置定位在容器的中心位置。