在网页设计中，常常需要将一张图片居中显示在页面中央。CSS有多种方法可以实现这一效果。 首先，我们可以使用CSS的margin属性来实现图片居中。我们需要将图片的左右margin设置成auto，这样就能将其水平居中，然后再通过垂直方向的margin设置来实现竖直居中。以下是代码示例：

img {
margin: auto; /* 设置左右margin为auto */
display: block; /* 让图片成为块级元素 */
margin-top: 50px; /* 设置上下margin来实现竖直居中 */
margin-bottom: 50px;
}

另外一种方法是使用CSS的flexbox布局，这是一种强大的布局方式，可以轻松实现各种排版效果。以下是代码示例：

.container {
display: flex; /* 设置为flex容器 */
justify-content: center; /* 水平居中 */
align-items: center; /* 竖直居中 */
}
img {
max-width: 100%; /* 设置图片最大宽度为100% */
max-height: 100%; /* 设置图片最大高度为100% */
}

最后，我们还可以使用CSS的position属性来对图片进行定位，将其居中。以下是代码示例：

img {
position: absolute; /* 设置绝对定位 */
top: 50%; /* 设置顶部定位为50% */
left: 50%; /* 设置左侧定位为50% */
transform: translate(-50%, -50%); /* 通过transform属性进行微调，将图片居中 */
}

总之，以上就是CSS实现图片居中的几种方法，可以根据自己的需求来选择相应的方式。