使响应式幻灯片居中答案

【问题标题】：Centering a responsive slideshow使响应式幻灯片居中
【发布时间】：2012-09-19 19:52:14
【问题描述】：

我正在使用 RefineSlide 响应式幻灯片，但无法居中，它总是粘在我的页面左侧。

#slideshow{
position: relative;
width: 960px;
height:auto;
left: 50%;
margin-left: -480px;
}

我已尝试将上述内容添加到我的 CSS 中，尽管这成功地将其居中，但不幸的是它不再响应，因为当我在 iPhone 上测试时，幻灯片不适合屏幕。

#slideshow{
position: relative;
width: 100%;
height:auto;
}

当我这样设置它的样式时，它是响应式的……但会粘在左边。我需要对此 CSS 进行哪些更改以使其居中并保持响应？

【问题讨论】：

【解决方案1】：

这在某种程度上取决于您的其他标记，但总的来说这已经足够了：

#slideshow {
    margin: auto;
    width: Npx;
    /* also display: block if the element doesn't already have it */
}

【讨论】：