响应式设计:2列帖子,1个查询,按css排序

时间:2013-09-13 12:05:18

标签: css wordpress sorting two-columns

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

post6
post5
post4
post3
post2
post1

我想要做的是根据类别将这些帖子分为2列,但维护日期顺序。例如:

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

我知道我可以做两个单独的查询,但我不想这样做。

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

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

我尝试过浮动,或者定位绝对但是没有正确地实现排序。 这不一定是wordpress问题,因为数据可能来自任何来源。

感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

可能的解决方案

确保每个帖子在专用元素内输出,同时将当前帖子类别指定为该元素的类

使用CSS根据类别

将它们分开