html - 边距 :0 auto; and absolute positioning doesn't work 时居中图像

Question

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

该图像是一个加载微调器占位符，然后当它出现在视口(viewport)中时加载真实图像。我希望占位符和真实图像居中。它们都在同一个元素中，该元素具有 .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;

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