当margin：0自动时将图像居中； 绝对定位不起作用

Question

我正在尝试将本页中的大多数图像居中，我需要居中的所有图像都属于.loadMeLater类。

图像是正在加载的微调器占位符，然后当实际图像出现在视口中时才加载真实图像。 我希望占位符和真实图像居中。 它们都在同一个元素中，该元素具有类.loadMeLater 。

我尝试了margin:0 auto ，但是这行不通，我不能使用绝对定位，而left:0和right:0不能使用，因为这会导致图像的容器太小。

目前，我将微调器的相对位置定为居中， left:50% ， margin-left:-0.5*spinner-width; 我将使用javascript的计算（包括图像的宽度和父对象的宽度）来居中图像。

必须有一种更简单的方法来使图像居中。 任何人有任何想法怎么做？

这是网站： http : //irfandesign.com/dev/

要显示具有图像的元素，请单击“了解有关我的更多信息”或“工作”。 然后向下滚动到它们。

Answer 1

尝试一下

margin:auto;

我不确定您所拥有的实际上是否有效。

Answer 2

默认情况下，img标签具有“ display：inline-block;”

如果选择img标签并执行以下操作：

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

它将使您的图片在其容器div中居中