css如何实现图片的居中显示

CSS是网站或应用程序的样式表现语言，使用CSS可以控制网页的样式和布局，其中包括图片的居中显示。

在CSS中，要实现图片的居中显示，有多种方法：

/*第一种方法：使用text-align:center属性*/
img {
  display: block;
  margin: auto; /*可以使图片水平居中*/
  text-align: center; /*可以使图片垂直居中*/
}

/*第二种方法：使用flex布局*/
.container {
  display: flex;
  justify-content: center; /*水平居中*/
  align-items: center; /*垂直居中*/
}

.container img {
  max-width: 100%; /*限制图片最大宽度*/
  max-height: 100%; /*限制图片最大高度*/
}

/*第三种方法：使用table-cell属性*/
.container {
  display: table-cell;
  vertical-align: middle; /*垂直居中*/
  text-align: center; /*水平居中*/
}

.container img {
  max-width: 100%;
  max-height: 100%;
}

以上三种方法都能实现图片居中显示，具体需要根据实际情况选择不同的方法。