css中怎么让内容居中显示图片

在css中，要让内容居中显示图片，我们可以采用以下的几种方法。
1.使用text-align属性
如果你的图片是单独一行的话，可以使用text-align属性将其居中。具体代码如下：

p {
  text-align: center;
}

img {
  display: block; // 让图片变成块级元素
  margin: 0 auto; // 水平居中
} 

这样设置，可以让图片在文本的中央显示。
2.使用flex布局
如果你的图片和其他元素一起放在一个盒子里，可以使用flex布局来让其居中。具体代码如下：

.container {
  display: flex;
  justify-content: center; // 水平居中
  align-items: center; // 垂直居中
}

img {
  flex: 0 0 auto; // 不可缩放
} 

这样设置，可以让盒子内部的内容都居中显示。
3.使用绝对定位
如果你的图片和其他元素没有父子关系，可以使用绝对定位来让其居中。具体代码如下：

img {
  position: absolute;
  top: 50%; // 上边距为50%
  left: 50%; // 左边距为50%
  transform: translate(-50%, -50%); // 移动到中心位置
} 

这样设置，可以让图片在页面中央显示。
以上是几种让内容居中显示图片的方法，你可以根据实际情况选择其中一种来使用。