在网页设计中，使用img标签来显示图片是非常常见的。而要对这些图片进行居中显示是一个很普遍的需求。下面我们来看一下如何使用CSS来实现图片的居中显示。 使用CSS将图片居中显示可以通过以下步骤实现： 1. 首先，将要居中显示的图片包裹在一个 div 元素中。 2. 在 CSS 中，将该 div 元素的宽度设置为与图片相同。 3. 将该 div 元素的上下左右边距都设置为 auto。 4. 确保该 div 元素的样式设置为块级元素。 下面是一个示例代码：

.center {
width: 500px;
margin: auto;
display: block;
}

在上面的代码中，我们首先将图片包裹在一个名为“center”的 div 元素中。接着，在 CSS 中，我们使用 width 属性将该 div 元素的宽度设置为 500 像素。然后，我们使用 margin 属性将该 div 元素的上下左右边距都设置为 auto。最后，将该 div 元素的样式设置为块级元素，以确保它会占据整行空间。 通过以上步骤，我们成功地将图片居中显示。当然，如果您的网站需要不同尺寸的图片，可以根据实际情况进行更改。