很多时候我们需要在网站中添加图片，而且还需要让这些图片处于居中的状态。使用CSS是一种方便、快捷的方法来实现这个目的。

为了让图片居中，我们需要以下这段CSS代码：

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

上面的代码中，display属性将图片的显示方式设置为块级元素，这样图片就可以具有宽度和高度。然后，margin属性将左右边距都设为auto，这样就可以使图片水平居中了。

如果要在垂直方向上居中一张图片，可以使用以下代码：

.container {
display: flex;
justify-content: center;
align-items: center;
height: 300px;
}
img {
max-height: 100%;
max-width: 100%;
}

上面的代码中，将其包含的内容放在一个容器中，容器的高度需要设置。然后使用flex布局将图片水平和垂直居中，并且使用max-height和max-width属性来确保图片不会拉伸变形。

尝试使用这些CSS代码来让您的图片居中显示，提高页面的美观度和用户的体验！