jquery - 浮动DIV

Question

好吧，这更像是如何调用它来找到它的问题:) 将带有短篇故事 DIV 的新闻线创建到像旧 facebook 时间线这样的列中，但是超过两行，我发现的大多数链接都像上面描述的 fb 时间线。link01或link02 但我更感兴趣的是创建类似的东西：

在 stackoverflow 上检查了很多信息，但我们要回到上面描述的 fb 两列。有人对这种结构有经验或想法吗？

Answer 1

阅读您的问题后，您会立即想到两个 jQuery 插件。

• jQuery Masonry - jQuery 的动态布局插件。CSS 的另一面是浮动的。
• Wookmark - 用于创建瀑布网格布局的 Javascript。

这两个插件都将能够帮助您获得您正在寻找的布局/结构。

Answer 2

据我所知，这称为mozaic布局，您可以使用masonry js实现类似的效果

Answer 3

查看960 网格系统。您最多可以将内容拆分为 16 列。它确实是完全在 CSS 中完成的最灵活的解决方案。你将不得不在这个中投入更多的工作，因为它只是一个“基础”而不是一个插件。