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

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

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

我曾经有相同的想法，开始使用它，但是很快达到了我无法解决某些对齐方式的地步。