Mozilla Firefox v113.0文檔稱它完全支持分欄視圖和斷后CSS屬性。但是當我設置break-before: avoid-col umn或break-before: column時，它不標識屬性。 需要在頁面加載后設置多個div元素的固定位置。我的解決方案適用于除Mozilla之外的所有瀏覽器。

我用JS來設置類。第一項和。最后一項添加到div以確定它們的位置。

PS。所有div元素都是動態(tài)生成的。 PPS。我不想使用破門而入

.main {
    column-count: 2;
    column-width: 36rem;
    margin-bottom: 1.5rem;

    .item-wapper {
         break-inside: avoid-column;

         &.first-item {
             break-before: column;
         }

         &.last-item {
             &:not(.first-item) {
                 break-before: avoid-column;
             }
         }
    }
}

我也試過用 分頁之前，但無濟于事。