jQuery OwlCarousel v1.3.3 - 居中对齐项目

Question

我在轮播示例中连续有 4 个项目。还有大约 50% 的空间未使用 space。 我想将这些项目居中对齐。

我尝试通过 margin: 0 auto; 和 display: flex; align-items: center; 将它们居中，但没有成功。

我发现 style="width: 2888px; left: 0px;" 是通过 javascript owl.carousel.custom.js 计算出来的。向左更改为某个值会起作用，但不是我所期望的。

这里是 class owl-wrapper-outer 的计算值：

我应该如何解决此问题才能使项目居中对齐？

Answer 1

找到一个解决方案，直接更改 javascript:

base.$owlWrapper.css({
    "left": (carouselWidth / 2) - ((base.itemWidth * base.$owlItems.length) / 2)
});