Html 如何在图库中的缩略图之间留出空间，并且在所有浏览器中都是相同的？

我有一个带缩略图的滑动图库。我尝试使缩略图之间的距离等于1-2像素，并且在每个浏览器中该距离相同。 我试过不同的密码，但都没用。 我尝试了边距、填充、引导表列、不同大小的不同类，但我没有得到相等的距离，或者我做错了什么。 如何在图库中的缩略图之间留出相等的空间，并且在所有浏览器中都是相同的

/* *核心Owl旋转木马CSS文件 *v1.3.3 */ /*clearfix*/ .猫头鹰传送带.猫头鹰包装：之后{ 内容：。； 显示：块； 明确：两者皆有； 可见性：隐藏； 线高：0； 身高：0； } /*在init之前显示none*/ .猫头鹰转盘{ 位置：相对位置； 宽度：100%； -ms触摸动作：泛y； } .猫头鹰转盘.猫头鹰包装袋{ 显示：无； 位置：相对位置； -webkit转换：translate3d0px，0px，0px； } .猫头鹰转盘.猫头鹰外包装{ 溢出：隐藏； 位置：相对位置； 宽度：100%； } .owl转盘.owl-wrapper-outer.autoHeight{ -webkit过渡：高度500ms，易于进出； -moz过渡：高度500ms，缓进缓出； -ms转换：高度500ms，易于输入输出； -o型过渡：高度500ms，易于进出； 过渡：高度500ms，易于进出； } .owl carousel.owl项{ 浮动：左； 证明内容：中心； 保证金：1.875em； 显示器：flex； } .owl控件.owl页， .owl控件.owl按钮div{ 光标：指针； } .owl控件{ -webkit用户选择：无； -khtml用户选择：无； -moz用户选择：无； -ms用户选择：无； 用户选择：无； -webkit点击高亮显示颜色：rgba0,0,0,0； } /*鼠标抓取图标*/ .抓取{ 光标：urlgrabbing.png 8，移动； } /*修理*/ .猫头鹰旋转木马.猫头鹰包装器， .猫头鹰转盘.猫头鹰物品{ -webkit背面可见性：隐藏； -moz背面可见性：隐藏； -ms背面可见性：隐藏； -webkit转换：translate3d0,0,0； -moz变换：translate3d0,0,0； -ms变换：translate3d0,0,0； }

---

您可以使用边距底部或边距左侧来表示您想要的距离。如果有效，请告诉我

{ 边缘底部：2px； 左边距：2倍；

---

} 我用零钱做的

.owl-carousel .owl-item {                  
    float: left;
    justify-content:center;
    margin:1.875em;
    display:flex;
    margin-right: 0.49%; -specific for every page
    width: 100%;
    height: 100%;
    

}

并添加容器

现在，我必须尝试用任何桌面的宽度来扩展容器。

---

有什么想法吗？

你的图像不是公开的，因此视觉输出被破坏。我要做的是请不要试图通过不发布代码来破解。我制作了一个片段-请修复它，以便与相关图书馆保持一致。距离没有区别unfortunately@Vall让我知道你到底想做什么或者你想要什么