Css 尽可能高效地填充div网格（屏幕空间，而不是CPU）

我正在制作一个页面来展示我的一个客户的推荐信。有些证言很短，而另一些证言很长。它看起来有点“块状”。。。下面是它实际外观的图片：

（请暂时忽略临时重复的证明）

在仔细考虑之后，我意识到如果一切都能更有效地填补空白的话，效果会更好，这就是我在图像编辑程序中设计的：

有人知道怎么让它做这样的事情吗？我在谷歌上搜索了一下，但我不太清楚这样的东西的最佳搜索词是什么

谢谢

编辑

下面是在回答了下面的问题后的结果。谢谢大家

---

如果你能使用jQuery，我想看看这个插件：

---

检查插件。

检查。

如果您不介意使用，一个名为的插件非常适合此任务。您可能需要学习一点jQuery才能使其正常工作，但如果您遵循以下步骤，这不会花费太长时间

CSS无法做到这一点，因为实现这一点的唯一方法是使用

float

s，但它们只能水平工作。这个插件通过jQuery模拟了一种

float:top

风格，这正是您所要做的。

这正是它的用途

---

不幸的是，现在还没有很多浏览器支持它，所以您可能需要应用一些技巧，使它在其他浏览器中“不难看”。例如，您可以让默认设置占据主导地位，并让每个推荐占据全部篇幅—通读并不是很糟糕，当然比原始布局要好。

您是第一个回答完全受支持的答案的人，因此我将给您打分。我已经编辑了我的主要帖子以包含最终结果。非常感谢：）