项目不跨越多列HTML / CSS

Question

我只是试图在多个列中显示数据库中的一些帖子，这些帖子基本上只是一些文本块，具体取决于浏览器的大小。

@media screen and (min-width: 1200px) {
        body{
        column-count: 3;
        column-fill: balance;
        }
}
@media screen and (max-width: 1200px) {
        body{
        column-count: 2;
        }
}

@media screen and (max-width: 800px) {
        body{
        column-count: 1;
        }
}

这就是我目前对CSS的看法。我可以告诉它有效，因为当我调整浏览器大小时，我的内容会被压缩。对于全屏，它只在前1/3的窗口中，中等大小在左半部分，而小的则占据整个浏览器。所以我可以看到这有点工作，但问题是我的帖子实际上并不跨越多列。他们总是被迫进入第一栏。