Cascading grid layout library
JavaScript CSS
Pull request Compare This branch is 3 commits ahead, 40 commits behind desandro:master.
Latest commit 62c0463 Jul 7, 2016 minwe upgrade masonry to v4.1.0

README.md

Masonry


Masonry 是一个瀑布流布局插件。本项目是 Masonry 与 Amaze UI 结合使用的示例。

完整信息请查看 Masonry 官网

结合 Amaze UI 使用演示:

获取 Masonry

初始化

以 JavaScript 方式

var container = document.querySelector('#container');
var msnry = new Masonry( container, {
  // options...
  itemSelector: '.item',
  columnWidth: 200
});

以 HTML 方式

在元素上添加 js-masonry class,选项可以以 JSON 格式写在 data-masonry-options 属性上。

<div class="js-masonry" data-masonry-options='{ "itemSelector": ".item", "columnWidth": 200 }'>
  <div class="item"></div>
  <div class="item"></div>
  ...
</div>

License

Masonry is released under the MIT license. Have at it.

Copyright ©️ 2014 David DeSandro