Facebook 将Wordpress评论分为两列

Facebook 将Wordpress评论分为两列,facebook,wordpress,comments,multiple-columns,two-columns,Facebook,Wordpress,Comments,Multiple Columns,Two Columns,我使用的是Wordpress评论系统,我想把评论分成两列。最新的评论也需要在顶部,这与facebook页面的工作方式非常相似 我的网站的某些页面上的内容都是评论——因此基本上除了我的“关于我们”页面之外,整个内容区域都是评论 供您参考,我正在使用photoria主题,这是一个2列的主题,但第二列是由我的边栏-不知道这是否会影响它!希望我的要求是明确的 我对网站设计相对较新,因此请告诉我: 提前感谢,, Paul在保持内容顺序准确的同时,多栏布局可能会很棘手,也就是说,在每一栏的顶部保留最近的评论

我使用的是Wordpress评论系统,我想把评论分成两列。最新的评论也需要在顶部,这与facebook页面的工作方式非常相似

我的网站的某些页面上的内容都是评论——因此基本上除了我的“关于我们”页面之外,整个内容区域都是评论

供您参考,我正在使用photoria主题,这是一个2列的主题,但第二列是由我的边栏-不知道这是否会影响它!希望我的要求是明确的

我对网站设计相对较新,因此请告诉我:

提前感谢,,
Paul

在保持内容顺序准确的同时,多栏布局可能会很棘手,也就是说,在每一栏的顶部保留最近的评论

编辑 假设您的标记具有与主题演示相同的类,请尝试将其添加到CSS中:

#commentspost { 
    overflow: hidden; /* clears floats */ 
}

.comment.odd {
    float: left;
    width: 45%;
}

.comment.even {
    float: right;
    width: 45%;
}

由于某些注释比其他注释长,这可能会留下空白。如果这是一个问题,那么您可以使用jQuery插件之类的工具来处理浮动项之间经常出现的额外空白

可以使用css来完成


看看我问的这个——尽管它不是评论……但它有着相同的布局理念。

谢谢你的回复。我看了一下这个问题,但不认为它完全适用于此,因为评论的数量因页面而异,我需要一些东西,自动将奇数编号的评论发送到左侧,将偶数编号的评论发送到右侧。到目前为止,我已经添加了一个宽度=50%,它将所有注释放在左侧,但显然也需要将它们放在右侧。下面是一张照片,上面显示的是:@Dominic the Massey软件可能有点超出我的知识范围,谢谢你的尝试。请注意我编辑的答案。