显示之间的垂直间距：流体网格中的内联 div

Question

好吧，不太确定从哪里开始......

我正在把自己放在一个博客作者身上，完全去掉它的 CSS，只是将它用作一个简单的内容管理器。 这是我一直在使用的测试网站 http://jamesparishtestblog.blogspot.com/

忽略标题，它已损坏，但我知道我在那里做什么。 我的问题是电影评论（从苹果预告片中窃取作为临时内容）。 当您调整页面大小时，它们会流畅地流入不同长度的行。 伟大的！ 问题是，第二行（以及第三、第四等）将自身垂直对齐到上一行中最长（最低）div 的底部。 然而，我希望每个 div 都整齐地位于上面的 div 下方，相距 15 像素，并且如果展开另一个 div（通过单击“阅读更多...”），则可以整齐地流动。

排除将 div 放在一列中的可能性，因为我希望顶行并排包含最新的帖子（如果有一列，它们将在左侧彼此下方）。

也排除了 div 的设置高度，因为文章需要扩展，并且为了实现完整的所需设计，故意不匹配。

这已经困扰我几个小时了。 我希望我已经清楚地解释了自己，并且有人可以提供帮助。

谢谢你的时间。

Answer 1

那么你想要这个吗？

--------------------------
|   __________  _______  |
|   |        |  |     |  |
|   |        |  |     |  |
|   |        |  |     |  |
|   ----------  |     |  |
|   __________  |     |  |
|   |        |  |_____|  |
|   |        |  _______  |
|   |        |  |     |  |
|   ----------  |     |  |
|               -------  |
|________________________|

如果不使用列，您就无法仅依靠 CSS 来做到这一点。 您需要使用一些 JavaScript 或服务器端的东西来将东西放在正确的位置。 本质上你想要一个拼贴画，可惜没有“显示：拼贴画”！

当然，我可能完全误解了你的意思。

编辑：

“关于 javascript 方面有什么建议吗？”

我的几乎所有网站都使用 mootools。 我将首先在那里定义一些：

dispose ：从 dom 中取出一个元素并将其存储在变量中。

insert ：将一个元素放入 dom 中。

我将它们加载到列中，然后处理“最近”列中的所有列，并将它们注入回其余列的顶部，每一列一个。 换句话说，所有的布局都是用 CSS 完成的，唯一的 javascript 就是把你的“最近”的东西放在最上面的“行”。