中心对齐图像

Question

我一直试图居中对齐这些图像，但他们不会去。我试图搞乱大小和左对齐，但没有任何作品。我该怎么办？

这里的的jsfiddle：http://jsfiddle.net/4uGtq/embedded/result/

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

Answer 1

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

的宽度和高度是必要的，这种情况下，因为你有绝对定位的图像。如果你没有宽度和高度，一切都会陷入其中。

Answer 2

当我尝试你的演示（在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/