javascript - 父 Div 元素内的图像居中问题

Question

我使用 JavaScript 在我的网站主页上创建了一个幻灯片。我遇到的问题是，尽管我尽了最大努力，但图像不会居中于页面。如果我像这样设置图像子元素，我可以让它居中:

#slider img {
    left: 218px;}

但这并不以不同的窗口大小为中心。我使用的是相当大的图像，但以后总是可以调整它们的大小。我为 fiddle 使用了占位符。你如何解决这个问题？

Fiddle

Answer 1

您可以通过设置轻松居中图像:

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