當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中居中