1

我在流体容器内有一个图像（当前为 1305 x 352 像素），如下所示：

<div class="container-fluid" id="lion-div">
    <div class="row-fluid">
        <img src="image.png" class="img-responsive"></img>
    </div>
</div>

当页面宽度等于或小于图像宽度时，图像会缩放到页面的整个宽度，这就是我想要的。

但是，当页面宽度较大时，图像保持向左对齐。我希望它留在页面中间。

我尝试在 div 上使用 margin-left 和 margin-right: auto ，甚至制作了一个最小宽度为 1306px 的媒体容器并尝试了我所知道的一切，但我无法让图像居中。有任何想法吗？

4

1 回答 1

4

试试这个：

.row-fluid{text-align:center;}
.img-responsive{margin:0 auto}
于 2014-08-25T03:22:05.847 回答