html+css实现图片居中

可以使用以下CSS样式实现图片居中显示：

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

其中，`display: block`将图片转换为块级元素，`margin: 0 auto`将图片水平居中。如果图片需要垂直居中，可以结合使用`position`和`transform`属性：

.container {
  position: relative;
}

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

其中，将图片的父元素设置为相对定位，然后使用绝对定位将图片居中，`transform: translate(-50%, -50%)`将图片向左上角移动自身宽高的一半，以实现垂直居中。