css中怎样使图片居中

CSS中如何让图片居中显示呢？要使图片居中，我们需要运用CSS的一些属性。

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

首先，我们需要将图片的显示方式设置为block，这样图片就可以接受margin属性了。

然后，在margin属性中，我们设置左右边距为auto，这样图片就会居中显示了。

如果想要图片垂直居中，还需要设置图片的父级元素高度和行高相同，并将图片的display属性设置为inline-block，代码如下：

.img-wrapper {
  height: 100px;
  line-height: 100px;
  text-align: center;
}

img {
  display: inline-block;
  vertical-align: middle;
}

在这里，我们将包裹图片的div元素高度和行高都设为100px，并且使用text-align:center将内部元素居中对齐。

而图片则设置为inline-block，使用vertical-align:middle将图片垂直居中。

以上就是CSS中如何使图片居中的方法，希望对大家有所帮助。