Question

我制作了一个简单的容器，其中“卡片”列在列中：

.card-container {
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    -webkit-column-fill: auto;
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -moz-column-fill: auto;
    column-count: 3;
    column-gap: 15px;
    column-fill: auto;
}

.card {
    display: inline-block;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
}

除了Firefox（包括dev版本）之外，这在所有其他浏览器（甚至IE：O）中都能很好地工作。我已经在Chrome，Safari，Firefox，IE和Edge中进行了测试。

示例：http://brianemilius.com

HALP？

Answer 1

删除'-moz-column-fill：auto'可使网格正常工作。希望它有帮助=）

CSS专栏和Firefox

1 个答案: