4.jQuery.Shapeshift 有许多jQuery的插件可以创建一个照片分享样式的动态网格布局。jQuery.Shapeshift是一个正是这类插件的强大替代品，通过一个触摸动作，这些图片可以拖曳（需要使用jQuery UI）。拖曳可以影响网格布局，就像网格在需要的时候，会自动去填充空隙一样。这同样在触摸设备和响应式布局上有效。这个插件有许多灵活可变的参数，比如设置margin，启用/禁用拖曳，自定义动画等等。 5. jQuery Nested Nested是一款可以生成多列没有空隙的网格布局的jQuery插件。这个插件为所有的元素创建一个矩阵，建立一个多列的网格，并尝试用记录的元素来填充所有空隙。其实有很多解决方案能够达到同样的效果。但是，Nested提供了一个小的动作：它能够重新调整网格底部的任何元素，以确保没有缝隙。它的用法也很简单，只需要给一个jQuery的函数指定容器元素就行。并且，提供了多种可选参数方便用户定制，比如启用/禁用动画，最少列数等 6. Wookmark jQuery Plugin 拥有动态列的网格布局如此流行，并不仅仅是因为它们被用于图片分享的网站，更是因为对于不同大小的内容显示来说，这是一个非常棒的方式。Wookmark，Pinterest的替代品，发布了一个可以创建那样布局的jQuery插件，兼容所有的浏览器。目前，这个插件只提供了少量的可选项：容器元素，offset（垂直/竖直距离）和元素的宽度——就这些。在初始化时，它会自己获取窗口的大小并自动排布网格（当然，它也是响应式的布局）。 Grid-A-Licious是一个jQuery插件，可以让你很容易的创建类似Pinterest的浮动表格布局。当然也有其他的插件能够完成这个功能，但Grid-A-Licious提供了更完善的响应式解决方案。不管什么尺寸的屏幕，还是什么设备，表格表现得都很完美，它都能实现浮动而不使用绝对定位。插件提供了自定义宽度、间隔和动画（速度，过渡时间，效果等等）的选项，并且它支持在表格前或后插入新项目，这对于动态而已来说是非常有用的。 |
