JQuery插件：动态列和无间隙网格布局Mason.js

来源：GBin1.com

在线演示

JavaScript提供很多强有力的方案，解决动态列的网格布局（例如：Pinterest）。这些方案很有效，但是，有时候，会造成网格的间隙或粗糙的边缘。 Mason.js是一个jQuery插件，巧妙地填充了这些间隙。

当创建一个网格时候，插件就开始计算这些间隙，然后就使用预定义的元素或是在网格中复制的内容来填充这些间隙。

可以定义用于元素的大小，列/行的大小，断点的大小，或者布局是流动还是固定的。

via 极客社区

来源：JQuery插件：动态列和无间隙网格布局Mason.js

转载于:https://www.cnblogs.com/gbin1/p/3164974.html

JQuery插件：动态列和无间隙网格布局Mason.js相关推荐

为chosen jQuery插件动态添加未找到的下拉框值
一.问题描述做项目的时候遇到的问题:chosen选项中没有可选值,想实现用户输入的值动态添加入option,存到后台保存二.插件准备下载网址:https://harvesthq.github.i ...
分享13个帮助你简化开发的jQuery插件
为什么80%的码农都做不了架构师?>>> 日期:2012-7-23 来源:GBin1.com jQuery的社区力量的重要体现就是jQuery插件,我们每隔一段时间就会在jQ ...
100个优秀jQuery插件精选
100个优秀jQuery插件精选在2012年里出现了很多很棒的jQuery插件,如结合CSS3的jQuery动画.强大的支持多设备浏览的响应性布局设计.使用视频作为网页设计背景.jQuery图像幻灯 ...
bootstrap jquery 插件简单总结
主要分为 Bootstrap 基本结构.Bootstrap CSS.Bootstrap 布局组件和 Bootstrap 插件几个部分下面是内置的jQuery插件通过data API 调用因 ...
CSS - 网格布局（grid）
目录什么是网格布局网格布局与弹性布局的比较网格布局中的概念名词网格容器 display:grid.display:inline-grid 网格轨道 grid-template-rows.gri ...
网格布局--grid
目录一.定义网格及fr单位 1.1 定义网格及fr单位 1.2 容器 1.3 子项 c. justify-self/align-self/place-self 二.常见布局 2.1 叠加布局三.多 ...
java常用布局管理器（流布局管理器、边界布局管理器、网格布局管理器）
在Swing中,每个组件在容器中都有一个具体的位置大小.而在容器中摆放各种组件时很难判断其具体位置和大小,使用布局管理器比程序员直接在容器中控制Swing组件的位置和大小方便得多,可以更加有效地处理整 ...
jQuery Masonry 一个 jQuery动态网格布局的插件
jQuery Masonry 是一个 jQuery动态网格布局的插件. 每个元素都是漂浮在固定的网格布局上面,就像一枚图钉定在墙上一样. 我们发现以下的15网站使用jQuery Masonry的范例. ...
html5下拉列表显示多列,多列网格样式下拉列表框美化jQuery插件
Multi-Column-Select是一款多列网格样式下拉列表框美化jQuery插件.通过该插件可以将下拉列表转换为多列的网格选项布局.它支持下拉列表的单选和多选,在鼠标滑过列表选项时还带有一些有趣 ...

JQuery插件：动态列和无间隙网格布局Mason.js

JQuery插件：动态列和无间隙网格布局Mason.js相关推荐

最新文章

热门文章