PackeryJavaScript 布局庫

Packery是一個JavaScript布局的一個裝箱算法庫。Packery布局可以智能排序。元素可以拖動到適合一個理想的地點。Packery很 容易創(chuàng)建不同類型的動態(tài)網(wǎng)格布局。Packery非商業(yè)，個人或開放源碼的項目和應(yīng)用程序是免費(fèi)的，而商業(yè)項目和應(yīng)用程序中使用它，需要一次性購買一個商 業(yè)許可

初始化

JavaScript

var container = document.querySelector('#container');
var myPackery = new Packery( container, {
  // options...});

HTML

把js-packery假如到元素中，選項可以在 data-packery-options的 JSON 中設(shè)置：

<div class="js-packery" data-packery-options='{ "itemSelector": ".item" }'>
  ...</div>