垂直と水平の中心に問題があります<img>内部、IE

Question

<a>タグ内に画像をセンタリングする際に問題があります。それらをすべて水平に配置するには、justify-content: center;を<span>に設定します。

は、その後、私は両方<a>と<img>要素のためalign-self: center;を設定し、それはChromeとFirefoxのブラウザで完璧に動作しますが、IEでは私が verticaly できないに中央の画像です。

重要なのは、要素の流れを変更できないということです。つまり、<span>には<a>が含まれ、それには<img>が含まれている必要があります。

そこに作成されたexeampleを見つけることができます - >fiddle。

私の問題を解決する方法を知っていれば、私は非常に感謝しています。

Answer 1

あなたが行く：

CSS IE気

.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;の中央に置くことができます。奇妙なことは分かっている。ここで