在网页设计过程中，将图片居中是非常常见的需求。在 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 的方式更为简便和适用，适用于大部分场景。