gpt4 book ai didi

html - flickity 轮播无法控制轮播中图像之间的边距

转载 作者:行者123 更新时间:2023-11-27 22:43:24 27 4
gpt4 key购买 nike

我创建了以下 codepane使用 react-flickity-component 显示案例图片:

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

after resize

除了刷新页面之外,无论我接下来做什么,图像之间的边距都会消失

如果我将 margin-right:10px 添加到 carousel-cell,边距不会消失 codepan :

after margin right

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

with margin right and resize

当我将浏览器调整为不同尺寸时,它可以变大或变小

关于如何解决这个问题有什么想法吗?

最佳答案

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

关于html - flickity 轮播无法控制轮播中图像之间的边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59724659/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com