如何在水平bxS​​lider中向元素添加右边距

Question

我很清楚文档说我应该“确保ul和li元素上没有填充或边距”但是如果我真的需要在我的幻灯片之间有正确的边距（如果李的）？

我打开切换到另一个插件，但它应该能够显示html内容（不仅是图像），而且应该可以通过外部调用来控制。

谷歌不是我的朋友。

Answer 1

很简单，你应该看到这个example on BX Slider website

诀窍是

 $('#slider1').bxSlider({
     displaySlideQty: 3,
     moveSlideQty: 1
 });

并为List Element提供一个固定宽度（您可以使用text-align：center将内部内容居中）

在示例中看起来像：

.demo-wrap .multiple li {
     width: 190px;
}

如果它不适合你，请告诉我。对我而言，它有效：）

Answer 2

好的，所以我不得不抛弃bxSlider并改用jcarousel。 此插件处理html内容和外部控件。 然后我能够在 .jcarousel-item-horizo​​ntal 上定义我需要的右边距。

现在一切都在顺利进行。

不确定礼仪，但由于我对自己的答案非常满意，我会将其标记为已接受......

编辑：伊姆兰的答案看起来是最好的方式，所以我取消标记我的答案并标记他的。