1

我正在使用 JQuery OpenCarousel 在网页上显示一些图像，但如果图像没有轮播那么宽，我希望它们在中心对齐。当图像离开轮播时，我可以对齐图像，而不是当它们在轮播中时。轮播使用此代码显示它们：

<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元素继承float: left自openCarousel.css（第 34 行）中的规则。

为了使图像正确居中，您需要重置浮动：

<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 回答