保证金时居中图像：0自动;绝对定位不起作用

Question

我试图将此页面中的大部分图片居中，我需要居中的所有图片都是.loadMeLater类。

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

我尝试了margin:0 auto并且无法正常工作，我无法使用绝对定位left:0和right:0，因为这会导致图片的容器太小了。

目前，我将微调器定位为相对定位，left:50%和margin-left:-0.5*spinner-width; 我使用涉及图像宽度和父级的javascript计算使图像居中。

必须有一种更简单的方法来居中图像。任何人都有任何想法如何这样做？

以下是网站：http://irfandesign.com/dev/

要显示包含图片的元素，请点击＆＃39;了解更多关于我的信息。或者＆＃39;工作＆＃39;。然后向下滚动到它们。

Answer 1

尝试

margin:auto;

我不确定你拥有的是否真的是一个有效的实现。

Answer 2

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

如果您选择img标签并执行此操作：

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

它会将您的图像置于其容器div中心