在IE中垂直和水平居中内部有麻烦<img> <a>

Question

我在将标签内的图像居中<a>时遇到问题。为了将它们水平居中，我将justify-content: center;设置为包含上述图像<span>容器。

然后我为 <a> 和 <img> 元素设置了align-self: center;，它在 Chrome 和 Firefox 浏览器中完美运行，但在 IE 中我无法垂直居中图像。

重要的是我不能改变元素的流动，我的意思是<span>必须包含<a>并且它包含<img> .

你可以在那里找到一个例子 ->小提琴。

Answer 1

你来了：

.CSS

.multiimage {
  background-color: black;
  text-align: center;
  display: block;
  padding: 50px 0px;
}
.multiimage a img {
    width: 90px;
    height: 90px;
    display: inline-block;
}

Answer 2

img元素可以用text-align：center居中;我知道很奇怪。