这并不总是奏效……如果没有，试试:

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

我找到的最简单的解决方案是添加到我的img-element:

style="display:block;margin:auto;"

看来我不需要像别人建议的那样在auto前面加0。也许这是正确的方法，但对于我的目的来说，没有“0”也足够了。至少在最新的Firefox、Chrome和Edge上是这样。

简单地改变父对齐:)

在父属性上试试这个:

text-align:center

这并不总是奏效……如果没有，试试:

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

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

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

你可以:

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