猫头鹰轮播将最后一项移至右箭头，并删除末尾的空白区域

如何解决猫头鹰轮播将最后一项移至右箭头，并删除末尾的空白区域

我使用的是猫头鹰轮播版本1.这里是我要删除幻灯片末尾的空白的问题，一次我要显示四个内容，总共有10个项目。我在每个右箭头或左箭头clicks上显示四个项目。所以问题是当我到达8个项目时，我只剩下10个项目中的另外2个项目。所以在最后一次单击时，这两个项目也被移动并创建了一个空白末尾的空格代替2个丢失的项。如果我添加两个以上的项，也会发生相同的问题。问题是我为内容添加了自动宽度。如果我删除了自动宽度，那么它可以按我的预期工作。但是我不想删除自动宽度，我也希望内容达到我到达时的水平最后一个元素，应将特定元素移动到仅向右箭头。

 <div id='owl-demo' class='owl-carousel owl-theme popular_carousel'>
     <div class="item">
        <img src="images/thumbnails/Safescan_155s_Valsgelddetector_Automatisch_Zwart(10096160)_38x28_thumb.jpg">
        <span>Leitz Ordners</span>
    </div>
    <div class="item">
        <img src="images/thumbnails/Safescan_155s_Valsgelddetector_Automatisch_Zwart(10096160)_38x28_thumb.jpg">
        <span>Goedkope ordners kopen?</span>
    </div>
    <div class="item">
        <img src="images/thumbnails/Safescan_155s_Valsgelddetector_Automatisch_Zwart(10096160)_38x28_thumb.jpg">
        <span>Elba ordners</span>
    </div>
    <div class="item">
        <img src="images/thumbnails/Safescan_155s_Valsgelddetector_Automatisch_Zwart(10096160)_38x28_thumb.jpg">
        <span>Huismerk ordners</span>
    </div>
    <div class="item">
        <img src="images/thumbnails/Safescan_155s_Valsgelddetector_Automatisch_Zwart(10096160)_38x28_thumb.jpg">
        <span>Esselte ordners</span>
    </div>
    <div class="item">
        <img src="images/thumbnails/Safescan_155s_Valsgelddetector_Automatisch_Zwart(10096160)_38x28_thumb.jpg">
        <span>Gekleurde ordners</span>
    </div>
    <div class="item">
        <img src="images/thumbnails/Safescan_155s_Valsgelddetector_Automatisch_Zwart(10096160)_38x28_thumb.jpg">
        <span>Top 11 Beste Ordners</span>
    </div>
    <div class="item">
        <img src="images/thumbnails/Safescan_155s_Valsgelddetector_Automatisch_Zwart(10096160)_38x28_thumb.jpg">
        <span>Gewolkte ordners</span>
    </div>
    <div class="item">
        <img src="images/thumbnails/Safescan_155s_Valsgelddetector_Automatisch_Zwart(10096160)_38x28_thumb.jpg">
        <span>A5 liggende ordners</span>
    </div>
    <div class="item">
        <img src="images/thumbnails/Safescan_155s_Valsgelddetector_Automatisch_Zwart(10096160)_38x28_thumb.jpg">
        <span>Budget ordners</span>
    </div>
</div>  

因此，当我到达最后一个元素时，我不想显示空格，而是最后一个项目必须在右箭头附近。显然，当我到达所需的最后一个元素时，我也隐藏了右箭头。