css中怎样设置网页居中显示图片

在制作网页时，常常需要在页面中加入图片，这使得网页更具吸引力和可读性。然而，有时候我们发现图片并没有自动居中于网页中间，这时候我们需要用到CSS中的一些技巧来达到这个目的。
对于图片居中的设置，我们通常需要在CSS中设置img标签的宽度和高度，然后使用margin属性对其进行水平和垂直居中的调整。
以下是实现图片居中显示的CSS代码:

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

其中，display: block属性将图片设置为块级元素，使得它可以响应父元素的居中控制，margin: 0 auto则对图片进行水平居中，其中“auto”值表示让浏览器自动计算左右margin的值，0则表示上下margin的值为0，从而实现垂直居中的效果。
如果图片的尺寸较大，我们还可以通过CSS的background属性将其作为背景图像设置，并使用background-position属性进行居中调整。以下是具体的CSS代码实现:

.container {
  width: 100%;
  height: 100%;
  background: url('image.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 } 

此代码中，我们将图片设置为背景图片形式，并将其居中显示。其中.container是一个div容器，用于包含图片，background-size: cover属性会根据容器的大小将背景图像缩放以最佳适应大小。
总之，在CSS中，居中显示图片的技巧有很多，我们需要灵活运用和选择最适合的方法，从而实现最佳的视觉效果。