使流体容器居中

Question

我有一个带幻灯片放映的joomla网站：

<div id="homePageRotator"> <jdoc:include type="modules" name="homePageRotator" style="xhtml" /> <!--homePageRotator--></div>

工作正常，反应灵敏。在小屏幕上，我希望它能够填充宽度，这就是它。

但是当我希望它在列中居中时有一些屏幕尺寸 - 即当原始图像小于列宽时 - 确实会发生这种情况。

通常我会这样做：

#homePageRotator {
        width:300px;margin:0 auto;
    }

显然不适用于此，因为宽度是流动的。

理想情况下，我希望宽度为100％ - 因此图片尽可能大。

但如果我加100％就没有任何余量!!!!

所以我尝试在#homePageRotator周围添加另一个包装器，但我无法使其工作

请任何想法！

http://www.link-property-services.co.uk/

由于

Answer 1

尝试

#homePageRotator {
    width: auto;
    margin: 0 auto;
}

这应该增长或缩小到100％的内容并将其置于中间。