css - 使用排水沟时如何防止柱子断裂，Jeet

Question

我正在尝试使用 jeet 和 0.5 的排水沟创建四列

col(1/4, gutter: .5, cycle: 1/4)

这会导致第四列中断为新行，只给我 3 列。我在没有排水沟的情况下尝试过，同样的事情发生了。

col(1/4, cycle: 1/4)

Answer 1

cycle是您的块/行值，因此它应该是一个整数：

col(1/4, gutter: .5, cycle: 4)

Answer 2

当我为不同的分辨率设置不同的列和排水沟时，我遇到了类似的问题，我必须在为另一个分辨率设置新周期之前取消所有循环，例如

@include col(1/2, $gutter: 2, $cycle: 2);
@media screen and (min-width: $breakpoint2) { 
    @include col(1/3, $gutter: 3, $uncycle: 2, $cycle: 3); 
}