packery

> 编程语言

开源

:bento: 无缝、可拖动的网格布局

4.3K stars0 点赞4 次浏览

访问官网 GitHub

工具介绍

:bento: 无缝、可拖动的网格布局

Packery

Bin-packing layout library

See packery.metafizzy.co for complete docs and demos

Install

Download

packery.pkgd.js un-minified, or
packery.pkgd.min.js minified

CDN

Link directly to Packery files on unpkg.

xml

<script src="https://unpkg.com/packery@3/dist/packery.pkgd.js"></script>

<script src="https://unpkg.com/packery@3/dist/packery.pkgd.min.js"></script>

Package managers

npm: npm install packery --save

Bower: bower install packery --save

License

Packery v3 is licensed under the MIT license.

Initialize

With jQuery

javascript

$('.grid').packery({
  // options...
  itemSelector: '.grid-item'
});

With vanilla JavaScript

javascript

// vanilla JS
var grid = document.querySelector('.grid');
// initialize with element
var pckry = new Packery( grid, {
  // options...
  itemSelector: '.grid-item'
});

// initialize with selector string
var pckry = new Packery('.grid', {
  // options...
});