Javascript 光滑的JS水槽或转盘项目之间的空间

在slick.js中，如何在旋转木马项目之间放置水槽或空间。下面是我的js和html，滑块图像或项目之间没有空格

 $('.responsive').slick({
     slidesToShow: 4,
     slidesToScroll: 4,
     responsive: [
     {
        breakpoint: 1024,
        settings: {
        slidesToShow: 3,
        slidesToScroll: 3,
     }
     },
    ]
    });


<div class="responsive">
  <div> <img src="slide1.jpeg"></div>
  <div> <img src="slide2.jpeg"></div>
  <div> <img src="slide3.jpeg"></div>
  <div> <img src="slide4.jpeg"></div>
  <div> <img src="slide5.jpeg"></div>
</div>

$（'.responsive'）.slick({
幻灯片放映：4，
幻灯片滚动：4，
响应：[
{
断点：1024，
设置：{
幻灯片放映：3，
幻灯片滚动：3，
}
},
]
});

没有一个插件选项可以通过Slick本身来定义这一点。这里有一个CodePen Slick.js carousel示例，您将看到carousel间距是通过CSS通过

边距
和
填充
属性（在本例中通过
标记）定义的

css:

没有一个插件选项可以通过Slick本身来定义这一点。这里有一个CodePen Slick.js carousel示例，您将看到carousel间距是通过CSS通过
边距
和
填充
属性（在本例中通过
标记）定义的

css:

.responsive div img{ 
    margin: 10px;
}