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

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

#slider img {
    left: 218px;}

但这并不适用于不同大小的窗户。我使用的是相当大的图像，但它们总是可以在以后调整大小。我用占位符拉小提琴。你怎么能解决这个问题

试试看

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

你好，世界

试试看

你好，世界

您还可以执行

边距：自动

您还可以执行

边距：自动

您可以通过以下设置轻松将图像居中：

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

---

您可以通过以下设置轻松将图像居中：

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

您在

#滑块

内的图像有一个

位置：绝对

。这否定了容器的作用域，并且图像不再相对定位在容器内

div#slider

使用

margin:auto

和

display:block

而不使用绝对定位

示例：

您在

#滑块中的图像有一个
位置：绝对
。这否定了容器的作用域，并且图像不再相对定位在容器内
div#slider

使用
margin:auto
和
display:block
而不使用绝对定位

示例：
我们可以看到您工作的html部分吗？它在我放在描述底部的JSFIDLE链接中。我们可以看到您工作的html部分吗？它在我放在描述底部的JSFIDLE链接中。也不起作用：（我觉得我什么都试过了。@Aaron什么不管用？你想改变什么，这两个答案都不管用？当你用
margin
将对象居中时，你必须包括
display:block；
否则它就不管用了。@stephenpassero图像卡在页面的右半部分，我希望它居中水平移动。@LiborZahrádka，将图像移到左侧。也不起作用：（我觉得我什么都试过了。@Aaron什么不管用？你想改变什么，这两个答案都不管用？当你用
margin
将对象居中时，你必须包括
display:block；
否则它就不管用了。@stephenpassero图像卡在页面的右半部分，我希望它居中水平旋转。@LiborZahrádka，这将图像移到了左侧。但是只有100%的宽度…没有问题。记住，为了响应，你必须使用
perce
，但是只有100%的宽度…没有问题。记住，为了响应，你必须使用
percentage
我使用绝对定位，因为我的JavaScript代码垂直地一个接一个地列出图像。第一个图像淡出，然后第二个图像在它下面淡入，一直到页面下方。我使用绝对定位，因为我的JavaScript代码垂直地一个接一个地列出图像。第一个图像淡出退出，然后第二个消失在它下面，一直到页面下方。