Html flickity carusel无法控制carusel中图像之间的边距

Html flickity carusel无法控制carusel中图像之间的边距,html,css,reactjs,flickity,Html,Css,Reactjs,Flickity,我使用react-flickity组件创建了以下内容以显示案例图像: 当我调整浏览器大小时,图像之间的边距会改变并消失 无论我下一步做什么,除了刷新页面,图像之间的边距都将消失 如果我将边距right:10px添加到旋转木马单元,边距不会消失: 但如果调整浏览器窗口的大小,则边距大小不一致: 当我将浏览器调整为不同的大小时,它可以更大也可以更小 你知道如何解决这个问题吗?你可以尝试填充:1%,或者在你的页边空白处使用%可能会迟到。只需将margin right:10px添加到样式表中的.

我使用react-flickity组件创建了以下内容以显示案例图像:

当我调整浏览器大小时,图像之间的边距会改变并消失

无论我下一步做什么,除了刷新页面,图像之间的边距都将消失

如果我将
边距right:10px
添加到旋转木马单元,边距不会消失:

但如果调整浏览器窗口的大小,则边距大小不一致:

当我将浏览器调整为不同的大小时,它可以更大也可以更小


你知道如何解决这个问题吗?

你可以尝试填充:1%,或者在你的页边空白处使用%

可能会迟到。只需将
margin right:10px
添加到样式表中的
.carousel cell
类中。

使用%dosen无济于事,我希望在初始化和调整浏览器窗口大小后,margin保持一致。在调整窗口大小时,使用%可以提供不同大小的空间