这些是相关渲染引擎（-webkit对于 Chrome、Safari；-moz对于 Firefox、-o对于 Opera、-ms对于
Internet Explorer）提供的供应商前缀属性。通常，它们用于在 W3 最终澄清/定义之前实现新的或专有的 CSS 功能。

这允许为每个单独的浏览器/渲染引擎设置特定的属性，以便安全地考虑实现之间的不一致。随着时间的推移，前缀将被删除（至少在理论上），因为该属性的未加前缀的最终版本是在该浏览器中实现的。

为此，通常认为好的做法是先指定供应商前缀版本，然后指定非前缀版本，以便非前缀属性在实施后将覆盖供应商前缀属性设置；例如：

.elementClass {
    -moz-border-radius: 2em;
    -ms-border-radius: 2em;
    -o-border-radius: 2em;
    -webkit-border-radius: 2em;
    border-radius: 2em;
}

具体来说，为了解决您问题中的 CSS，您引用的行：

-webkit-column-count: 3;
-webkit-column-gap: 10px;
-webkit-column-fill: auto;
-moz-column-count: 3;
-moz-column-gap: 10px;
-moz-column-fill: auto;

为 Webkit 浏览器和Firefox指定column-count和属性。column-gap``column-fill

参考：

• CSS 多列布局模块。
• “为供应商前缀辩护”（Meyerweb.com）。
• 供应商前缀列表 (Meyerweb.com)。