當頁邊距爲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; 
} 

將其容器專區內居中圖像