jquery - 如何为水平 bxSlider 中的元素添加右边距

Question

我很清楚文档说我应该“确保 ul 和 li 元素上没有填充或边距”但是如果我真的需要幻灯片 (li) 之间的右边距怎么办？

我愿意切换到另一个插件，但它应该能够显示 html 内容（不仅是图像）并且应该能够由外部调用控制。

谷歌在这方面不是我的朋友。

Answer 1

很简单，你应该在 BX Slider 网站上看到这个例子

诀窍是

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

并给列表元素一个固定宽度（您可以使用 text-align:center 将内部内容居中）

例如，它看起来像：

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

如果它不适合你，请告诉我。对我来说它有效:)

Answer 2

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

现在一切都在顺利进行。

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

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