html - 画像を中央揃え

Question

これらの画像を中央揃えにしようとしていますが、うまくいきません。サイジングと左揃えをいじってみましたが、何も機能しません。私は何をしますか？

JSFiddle は次のとおりです: http://jsfiddle.net/4uGtq/embedded/result/

left-align:50%; /* Doesn't work */

Answer 1

(Chrome で) デモを試してみると、ブラウザのサイズを 1300 ピクセル以上に変更しない限り、画像はグループとして中央に配置されます。したがって@media only screen、さまざまなルールがmax-widthあり、最大の数があることを考えると、(max-width: 1300px)その行動は理にかなっているのではないでしょうか?

この行を変更します。

@media only screen and (max-width: 1300px) {

これに：

@media only screen and (min-width: 1001px) {

ここに示すように修正する必要があります：http://jsfiddle.net/4uGtq/6/embedded/result/

Answer 2

#icon-wrapper a {
    display: inline-block;
    width: 175px;
    height: 175px;
}

この場合、画像が絶対的に配置されているため、幅と高さが必要です。幅と高さがなければ、すべてがうまくいきません。