jquery - jQuery Cycle2轮播中元素的边距

Question

我正在使用 Cycle2 创建一个水平滚动的 jQuery 图像轮播。这些图像都是统一的高度（200px），但有不同的宽度。

这是用于显示轮播的代码：

<div id="outer">
    <div id="prev"></div>
    <div id="inner"
        class="cycle-slideshow"
        data-cycle-fx="carousel"
        data-cycle-timeout="0"
        data-cycle-prev="#prev"
        data-cycle-next="#next"
        data-cycle-slides="a"
        >
        <a href="/images/01.png" /><img src="/images/200/01.png" /></a>
        <a href="/images/02.png" /><img src="/images/200/02.png" /></a>
        ...
        <a href="/images/12.png" /><img src="/images/200/12.png" /></a>
    </div>
    <div id="next"></div>
</div>

...这是浏览器中的结果：

轮播中实际上显示了四个单独的图像，但它们之间没有间距。

这是我正在寻找的结果：

我想为 Cycle2 轮播中的图像添加右边距，但是当我修改imgora元素以包含边距或填充时，轮播不会正确地向左“零”。

相反，轮播似乎向左偏移，因此第一张图像被部分隐藏。在下图中，我添加margin-right: 10px了每个a元素：

任何人都可以建议如何为图像添加边距或填充，而不是生成包含主要艺术品周围空白区域的图像？

谢谢。