在網頁設計過程中，將圖片居中是非常常見的需求。在 CSS 中我們可以通過幾種方式來實現這個效果。

方法一：使用 text-align 屬性

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

這種方式使用 text-align: center 把圖片居中。我們需要將img的顯示屬性設為顯示塊級元素，并使用margin屬性來將其水平對齊。

方法二：使用絕對定位

.container {
position: relative;
}
img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

這種方式需要先將圖片父元素的定位屬性設為相對定位。然后，把圖片的定位屬性設為絕對定位，并使用左右、上下的偏移值將圖片居中。

方法三：使用 flexbox

.container {
display: flex;
justify-content: center;
align-items: center;
}

這種方式是使用 flexbox 技術。將圖片父元素設為彈性容器，并使用屬性justify-content和align-items來將圖片水平、垂直居中。

總之，以上三種方法都可以實現在 CSS 中使圖片居中的效果，不過 flexbox 的方式更為簡便和適用，適用于大部分場景。