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 を使用してみました。min-width: 1306px のメディア コンテナーを作成し、知っていることをすべて試しましたが、画像を中央に配置できません。何か案は？

4

1 に答える 1

4

これを試して：

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