1

JQuery OpenCarousel を使用して Web ページにいくつかの画像を表示していますが、画像がカルーセルほど広くない場合は、中央に配置したいと考えています。画像がカルーセルにあるときではなく、カルーセルの外にあるときに画像を整列できます。カルーセルは、次のコードを使用してそれらを表示します。

<div class="RoundRow ocarousel">
    <div class="ocarousel_window">
        <div style="width: 850px;"><img style="margin:0 auto;display: block;" src="./images/Carousel/Slide1.jpg" /></div>
        <div style="width: 850px;"><img style="margin:0 auto;display: block;" src="./images/Carousel/Slide2.jpg" /></div>
    </div>
</div>

JQuery OpenCarousel - https://github.com/justinmc/jQuery-Open-Carousel

私のウェブページ - http://joshblease.co.uk/Apartments/

4

1 に答える 1

2

要素はルールからimg継承します (34 行目)。float: leftopenCarousel.css

画像を正しく中央に配置するには、float をリセットする必要があります。

<div class="RoundRow ocarousel">
    <div class="ocarousel_window">
        <div style="width: 850px;"><img style="float: none;margin:0 auto;display: block;" src="./images/Carousel/Slide1.jpg" /></div>
        <div style="width: 850px;"><img style="float: none;margin:0 auto;display: block;" src="./images/Carousel/Slide2.jpg" /></div>
    </div>
</div>
于 2013-07-29T22:30:19.453 に答える