我将使用一个div来居中对齐图像。如:

<div align="center"><img src="your_image_source"/></div>

img{
    display: block;
    margin-right: auto;
    margin-left: auto;      
 }

使用这个到你的img CSS:

img {
  margin-right: auto;
  margin-left: auto;
}

你可以:

<中心> < img src = "…"/ > < /中心>

如果你正在使用一个带有图像的类，那么下面的步骤就可以了

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

如果它只是一个图像在一个特定的类，你想居中对齐，那么下面将做:

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

使用网格来堆叠图像。这很简单，这是代码

.grid {
   display:grid;
}

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