网格模式下的光滑旋转木马切断了第二行的底部

Question

我正在使用 slick carousel (http://kenwheeler.github.io/slick/)。

我将其设置为 2 行，每行 3 张图片。问题是，第二行在每张图片的中间被截断了。

这是已知错误吗？我能做些什么吗？

html:

    <div class="slick_slideshow" id="slideshow_houses">
    <div>
        <img src="img/slideshow_houses/image1.jpg" class="slideshow_houses_image" />
        <div class="slick-credit">credit1</div>
    </div>
    <div>
        <img src="img/slideshow_houses/image2.jpg" class="slideshow_houses_image" />
        <div class="slick-credit">credit2</div>
    </div>
    <div>
        <img src="img/slideshow_houses/image3.jpg" class="slideshow_houses_image" />
        <div class="slick-credit">credit3</div>
    </div>
    <div>
        <img src="img/slideshow_houses/image4.jpg" class="slideshow_houses_image" />
        <div class="slick-credit">credit4</div>
    </div>
    <div>
        <img src="img/slideshow_houses/image5.jpg" class="slideshow_houses_image" />
        <div class="slick-credit">credit 5 </div>
    </div>
    <div>
        <img src="img/slideshow_houses/image6.jpg" class="slideshow_houses_image" />
        <div class="slick-credit">credit 6</div>
    </div>

</div>
<!-- end slideshow -->

<div style="clear:both;"></div>

jquery:

$('#slideshow_houses').slick({
    rows: 2,
    slidesPerRow: 3

    });

Answer 1

您的代码看起来不错。根据评论，您有一个 div，其中包含具有 overflow:hidden 的幻灯片。一般来说，任何时候你有截断的内容，你应该检查任何父级 div 是否有 overflow:hidden。

网格模式下的光滑旋转木马切断了第二行的底部

slick carousel in grid mode cutting off bottom of second row

slick.js