javascript - Pinterest 风格的网格

标签 javascript jquery html css

<分区>

我有一个小问题,如何使 div 以 pinterest 样式对齐? 不知道如何重新描述它,但是,我喜欢它: enter image description here

应该是这样的

enter image description here

任何想法将不胜感激。

最佳答案

最简单的方法是使用诸如 packeryma​​sonry 之类的插件,它们利用 Javascript 创建复杂的网格结构:

一些插件在这里:

http://packery.metafizzy.co/

http://isotope.metafizzy.co/layout-modes/packery.html

http://masonry.desandro.com/

关于javascript - Pinterest 风格的网格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35615087/

相关文章:

html - 将页脚推到页面底部( Bootstrap )

javascript - facebook javascript sdk fb_xd_fragment?

jquery - 使用 Jquery 禁用 anchor 标记

javascript - HTML5 Canvas 斐波那契螺旋线

html - 未显示背景位置的 anchor ,Firefox 错误? - 解决了 : Adblock Plus blocking Google anchor

php - 如何使用 PHP 将数据发送到另一个页面?

javascript - 将参数传入另一个函数

javascript - 如何在 xsl 中调用外部 javascript 函数?

javascript - Velocity.js - 如何使用具有 UI 效果的序列?

javascript - 移动导航 jQuery 跳转,调整大小时导航消失?