Jquery Flexslider在最终幻灯片右侧增加额外空间…；

我遇到了Flexslider在最后一张幻灯片后添加额外空白的问题

我创建了一个702px宽的div，用于一次显示两张342px宽的幻灯片，每张幻灯片之间的间隔为18px。我已将“itemWidth”设置为“360px”，以允许额外的空间，“itemMargin”设置为“0”

<script type="text/javascript" charset="utf-8">
    $(window).load(function() {
      $('.flexslider').flexslider({
        animation: "slide",
        animationLoop: true,
        itemWidth: 360,
        itemMargin: 0
      });
    });
</script>

$（窗口）。加载（函数（）{
$（'.flexslider'）.flexslider({
动画：“幻灯片”，
animationLoop:true，
项目宽度：360，
项目边际：0
});
});

这给了我幻灯片之间所需的适当间距，但最后增加了一个18px，这是我一生都无法摆脱的。更令人恼火的是，它将其视为第四个滑动过渡，而实际上它只需要三个

以下是屏幕抓图：

注意底部的四个点。应该只需要三张幻灯片就可以显示四张幻灯片

我已经调整了我能想到的CSS的每一点，但仍然没有运气。即使在图像中添加填充/边距也没有任何作用。令人沮丧

不管怎样。我希望以前有人碰到过这个问题，这是一个快速解决办法

提前谢谢

更新：包含HTML以供参考

<div id="carousel" class="flexslider">
<ul class="slides">
    <li><img src="images/suite-a_01.png" /></li>
    <li><img src="images/suite-a_02.png" /></li>
    <li><img src="images/suite-a_03.png" /></li>
    <li><img src="images/suite-a_04.png" /></li>
</ul>
</div>

---

谢谢。

检查flexslider的实时输出并查看分页栏（这是一个包含类“flex control nav”和“flex control paging”）我刚刚遇到了同样的问题，我发现它的css宽度超出了我的内容，因此在右侧添加了空白

---

我希望这是清楚的。如果我能澄清，请告诉我。

对于任何遇到这个问题的人，几年后

只需确保Flexslider中的子元素没有导致它们超出预期宽度的填充或边距

这就是造成额外假想滑动的原因，作为补偿

.slide {
    margin: 0 !important;
    padding: 0 !important;
}

---

很难将其全部包括在内，因为它为各种属性引用了Flexslider jQuery slider文件。上面添加了HTML。我希望我能告诉你。不幸的是，这几乎是一个月前的事了，所以我不得不想出一个不同的解决方案，完全放弃Flexslider。不管怎样，谢谢你的回复！