css - 需要 3 列 WordPress 布局帮助

标签 css wordpress layout

我正忙着为我的博客主页设计一个 3x3 杂志风格的布局。

我希望包含每个帖子的 div 垂直流动,因此每行 3 下方没有大的空白。看起来最简单的方法是拥有三列并填充每一列(这将停止在每个柱子下方的大空间)然后将这三列并排放置。

问题是 Wordpress 循环需要按顺序拉取帖子。我不知道如何更改 Wordpress 循环的顺序,即使我尝试了一些使用计数和 for 循环的 PHP 技巧,我似乎也无法让它工作。

任何关于基本 Wordpress 循环或 CSS 方法使其工作的想法或建议都将不胜感激,因为它让我发疯!

What I want it to look like.

您可以在 http://www.unleashreality.com/ 查看它当前的状态。

最佳答案

这看起来像是 jQuery Masonry 的工作。

查看http://masonry.desandro.com/

关于css - 需要 3 列 WordPress 布局帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8608708/

相关文章:

jQuery Progressbar文本隐藏Progressbar的动画

html - 如何在没有 JS 或 Ajax 或 JSQ 的静态 html <iframe> 中嵌入 WP?

html - 如何填充一个 div 但保持子 div 的纵横比

android - 如何正确创建布局 (Android)

java - JPanel 的子组件绘制/布局问题

html - 如何使用 CSS 将 "plus"标志完美居中

php - 框描述 : How to do?

html - HTML/CSS 中的平铺布局

wordpress - robots.txt 更改后,谷歌需要多长时间才能将我的网站编入索引?

php - Wordpress 插件表单提交