javascript - 如何在Slick Carousel中将商品居中？

我正在使用Slick Carousel，但是有一种我无法刮擦的布局痒。当我的商品少于轮播机一次可以显示的数量时，它们会左对齐。我希望他们能居中。例如，slidesToShow等于3并且只有2个项目，我得到

-------------------
 IIIII IIIII
-------------------

当我想要的是

-------------------
    IIIII IIIII
-------------------

或者只有一项:

-------------------
       IIIII
-------------------

我尝试设置centerMode，但这是完全不同的效果。

有没有办法获得我想要的效果？它需要处理因响应断点而减少的slidesToShow。

最佳答案

快速检查轮播的DOM，可以发现项目已放入带有slick-track类的元素中。可以通过修改元素的边距来使项目居中:

.slick-track {
    margin:auto;
}

此JSFiddle中的演示。

请注意，演示中的轮播有时会在最后一项处于 Activity 状态时调整大小时无法正常工作，但是无论此CSS修改如何，这种情况都会发生。