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

Question

我在旋转木马样本中连续有4个项目。仍然有大约50％的空闲空间。 我想将这些项目与中心对齐。

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

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

以下是类owl-wrapper-outer的计算值：

我应该如何解决这个问题，以便将项目与中心对齐？

Answer 1

通过直接更改javascript找到一个解决方案：

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