css中怎么让一个div居中显示图片

CSS是一种用来控制网页中元素的样式和布局的语言。其中，让一个div居中显示图片是一个经常遇到的问题。下面就来介绍一些方法。

/* 方法一：使用text-align:center */
div {
  text-align: center;
}
 
img {
  display: inline-block;
}

/* 方法二：使用position和margin */
div {
  position: relative;
}

img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 方法三：使用flexbox */
div {
  display: flex;
  justify-content: center;
  align-items: center;
}
 
img {
  display: block;
}

/* 方法四：使用grid */
div {
  display: grid;
  place-items: center;
}
 
img {
  display: block;
}

以上是常用的四种方法，根据实际需求选择合适的方法即可。这里还需要注意一点，图片需要设置为块级元素或者内联块元素，这样才能够居中显示。