一个简单，轻量级的Javascript库，用于动态网格布局。创建动态网格布局从未如此简单。使用Magic Grid，您所要做的就是指定一个容器并监听更改。为方便起见，还提供了一些其他配置选项，但这一切都非常简单。

安装

通过npm获取Magic Grid：

npm install magic-grid

或CDN

<script src="https://unpkg.com/magic-grid/dist/magic-grid.cjs.js"></script>

<!-- or (minified) -->
<script src="https://unpkg.com/magic-grid/dist/magic-grid.min.js"></script>

使用

如果您的容器没有任何动态加载的内容，即其所有子元素始终在dom中，您应该以这种方式初始化网格：  

let magicGrid = new MagicGrid({
  container: "#container", // Required. Can be a class, id, or an htmlElement.
  static: true, // Required for static content.
  animate: true, // Optional.
});

magicGrid.listen();

链接: https://fly63.com/nav/2411