一个简单，轻量级的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