父母Div元素中的圖像居中問題

Question

我使用JavaScript在我的網站主頁上創建了幻燈片。我遇到的問題是，儘管我盡了最大的努力，圖像不會集中到頁面的中心。我可以讓它居中，如果我設置像這樣的圖像子元素：

#slider img { 
    left: 218px;} 

但這並不是中心不同的窗口大小。我使用的是相當大的圖像，但它們隨後可以隨時調整大小。我用小提琴的佔位符。你怎麼解決這個問題？

Fiddle

Answer 1

U可以輕鬆中心圖像通過設置：

#slider img { 
    display: block; 
    margin: 0 auto; 
    width: 100%; // or your own width 
} 

Answer 2

嘗試

<div align='center'>Hello world</div> 

Answer 3

你也可以做margin:auto。

Answer 4

你裏面#slider圖像有position: absolute。這會否定容器的範圍，並且圖像不再位於容器div#slider內部。

使用margin: auto和display: block沒有絕對定位。

例如：https://jsfiddle.net/sukritchhabra/smndp65m/