将列数用于响应式网格系统

Question

我想知道仅使用 column-count 来制作简单的网格系统是否是个好主意，而不是使用 flex、grid 或 float.

看起来像这样：

.2col { column-count: 2}
.3col { column-count: 3}
.4col { column-count: 4}

 @media (max-width: 767px) {
    .2col { column-count: 1}
    .3col { column-count: 1}
    .4col { column-count: 1}
}

有人在用这个吗？

Answer 1

我不会用它。对于常见场景，它（还）不够灵活。

我曾经有过同样的想法，开始使用它，但很快就到了无法修复某些对齐方式的地步。