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

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

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

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