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

Question

好吧，不太清楚从哪里开始...

我将自己组合成一个博主，完全摆脱了它的 CSS，只是将它用作一个简单的内容管理器。这是我一直在使用的测试站点 http://jamesparishtestblog.blogspot.com/

忽略标题，它坏了，但我知道我在做什么。我的问题是电影评论（从苹果预告片中偷来的临时内容）。当您调整页面大小时，它们会流畅地流入不同长度的行。伟大的！麻烦的是，第二行（因此是第三、第四等）垂直对齐到上一行中最长（最低）div 的底部。但是，我希望每个 div 都整齐地放在上面的下方，相隔 15 像素，并且如果另一个 div 展开（通过单击阅读更多...），则可以整齐地流动。

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

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

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

感谢您的宝贵时间。

Answer 1

所以你想要这个？

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

如果不使用列，仅依靠 CSS 是无法做到的。你需要使用一些 javascript 或服务器端的东西来把东西放在正确的地方。本质上你想要一个拼贴，可惜没有“显示：拼贴”！

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

编辑：

"关于 javascript 前端有什么建议吗？"

我的几乎所有网站都使用 mootools。我先在这里定义一下：

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

inject : 将一个元素放入 dom 中。

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