css - 响应式设计 : 2 columns of posts, 1 查询，按css排序

Question

我正在构建一个 wordpress 主题。查询帖子并按发布日期降序显示，例如:

post6
post5
post4
post3
post2
post1

我想做的是根据类别将这些帖子分为 2 列，但保持日期顺序。例如:

Category1 | Category2
post6     | post5
post3     | post4
          | post2
          | post1

我知道我可以进行 2 个单独的查询，但我不想那样做。

为了响应式设计，如果我将窗口大小调整为移动设备，我希望所有帖子都按日期顺序返回(见顶部)，因此只有一个查询。

有没有办法只用 CSS 实现排序(左和右)？

我尝试过 float 或绝对定位，但都无法正确实现排序。

这不一定是 WordPress 问题，因为数据可能来自任何来源。

Answer 1

一种可能的解决方案是确保每个帖子都在专用元素内输出，同时将当前帖子类别指定为该元素的类

使用 CSS 根据类别类将它们分开