【问题标题】:flickity carusel no control over margin between images in caruselflickity carousel 无法控制 carousel 中图像之间的边距
【发布时间】:2020-11-05 23:40:11
【问题描述】:

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

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

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

如果我在轮播单元格中添加margin-right:10px,则边距不会消失codepan

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

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

关于如何解决这个问题的任何想法?

【问题讨论】:

    标签: html css reactjs flickity


    【解决方案1】:

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

    【讨论】:

      【解决方案2】:

      你可以尝试 padding: 1%,或者在你的边距中使用 %

      【讨论】:

      • 使用 % 没有帮助,我希望边距在初始化和调整浏览器窗口大小后保持一致。在调整窗口大小时使用 % 给出不同大小的空格
      猜你喜欢
      • 2015-01-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-03-26
      相关资源
      最近更新 更多