如何组织一组模块化的分区进行冲洗

Question

我正在编写一个包含帖子流的网站部分。帖子有各种大小，但只包含文字。我想做的是从服务器上获取帖子的文本，然后：

1. 按照所包含的字符数将它们组织成大，中，小尺寸的帖子。

2. 将帖子组合成一个堆栈，以便在显示时，所有帖子都与边缘齐平。这要求每一行帖子的宽度相同。

这些帖子位于一个div中，该div设置为在帖子溢出时自动将帖子放在下一行，所以唯一的问题是以正确的顺序将帖子放在div中。

例如，图/图像2的代码是：

<div class="small_posts" ></div><div class="medium_posts"></div>
<div class="medium_posts"></div><div class="small_posts" ></div>
<div class="small_posts" ></div><div class="tiny_posts"  ></div><div class="tiny_posts"></div>

帖子的文本来自MySQL数据库的线性数组，我正在接收并用PHP显示它。

我的问题不是如何在PHP中实现这一点，而是如何设计算法来首先执行此操作。

到目前为止，我尝试过的设计都是粗制滥造，质量太低，无法提及。

我非常感谢有关如何设计算法以有效地将这些帖子排序为刷新行的建议。

Answer 1

你也可以用javascript找到解决方案 看看这个插件http://masonry.desandro.com/