jquery - 如何: content tiles of varying sizes?

标签 jquery css

<分区>

我已经看到这种技术使用了很多(pinterest.comfactorymagazine.com),其中内容(或内容摘录)以看似流畅的方式显示在不同大小的图 block 中。我想知道这叫做什么以及它是如何实现的。谢谢。

最佳答案

我相信您正在寻找 jQuery Masonry plugin ,这应该能满足您的所有需求,而且使用简单。

演示:http://jsfiddle.net/SO_AMK/9U9Zh/2/

jQuery:

$("#container").masonry();

如果你不想使用 jQuery 而不是 Vanilla Masonry , jQuery Masonry 的副本,除了它仅使用 Vanilla JS,用法几乎与 jQuery Masonry 一样简单:var wall = new Masonry(document.getElementById("container"));

关于jquery - 如何: content tiles of varying sizes?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13637971/

上一篇:html - 列表溢出到 Div

下一篇:css - 边距顶部 :100%; goes far outside of containing element

相关文章:

javascript - 使用jquery对a标签的点击事件采取行动

javascript - 是否有可能看到 <canvas> 是如何被操纵的?

javascript - 使用 jQuery 添加/删除输入框 - 添加的输入框复制第一个输入框的值

css - 使用 Bootstrap 的可滚动侧边栏

javascript - 如何获取div内部html对象的值

javascript - 在 React 中测试文本值

jquery - 如何覆盖响应式 jquery Datatable 插件中的自动列隐藏?

html - 如何让边框的左右两侧更靠近文字

css - 调整浏览器大小时自动调整 div 大小

css - 绝对定位的 flexbox 不会扩展以适应内容