Html firefox中的卡片列不能并排工作

使用动态卡显示信息。但是我正在和firefox战斗。。。无法让它并排显示卡片

知道我的失败是什么吗

HTML

---

您需要使用“更改属性”

-moz-column-fill: auto

到

在这里阅读有关列填充的信息

上面说

自动

是一个关键字，指示列按顺序填充

平衡

是一个关键字，指示内容在列之间平均分配

#columns {
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    -webkit-column-fill: auto;
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -moz-column-fill: balance;
    column-count: 3;
    column-gap: 15px;
    column-fill: auto;
}

---

注：如果你想知道-moz是从哪里来的，因为你在firefox中检查它，所以你需要使用它的供应商前缀。

为什么你不能在这里发布任何代码？其他地方抱怨我最好使用代码笔；o）

-moz-column-fill: auto

-moz-column-fill: balance

#columns {
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    -webkit-column-fill: auto;
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -moz-column-fill: balance;
    column-count: 3;
    column-gap: 15px;
    column-fill: auto;
}