Magic-Grid:一个简单的轻量级Javascript库,用于动态网格布局

时间:2024-04-20 03:51:04
【文件属性】:

文件名称:Magic-Grid:一个简单的轻量级Javascript库,用于动态网格布局

文件大小:23KB

文件格式:ZIP

更新时间:2024-04-20 03:51:04

grid layout grid-layout JavaScript

魔方 一个简单的轻量级Javascript库,用于动态网格布局。 创建动态网格布局从未如此简单。 使用Magic Grid,您所要做的就是指定一个容器并监听更改。 为了方便起见,还提供了其他一些配置选项,但它们都很简单。 实时检查。 您可以阅读有关实现的详细信息。 注意:网格中的每个项目都必须具有相同的宽度。 为什么不使用CSS Grid? 该问题在得到解决: 实施网格布局会很快变成一项棘手的任务。 如果您的网格项目始终高度相同,则可以使用Flexbox网格或某些其他CSS网格实现。 但是,如果您要处理用户生成的内容,那么您就不会拥有相同高度的组件。 一个较长或较短的组件将拉伸其行中的其他组件,或者在该行的底部留下一些不愉快的空格。 突然之间,我们钟爱CSS网格变得不够用。 查看,以获取CSS专家: 那不是网格设计的目的。 网格是二维的,因此您总是同时在行和列中工作。 您不能使


【文件预览】:
Magic-Grid-master
----rollup.config.js(759B)
----package.json(875B)
----test()
--------grid-element.html(1KB)
--------grid-center-prop.html(1KB)
--------grid.html(1KB)
----LICENSE(1KB)
----package-lock.json(25KB)
----dist()
--------magic-grid.min.js(3KB)
--------magic-grid.esm.js(6KB)
--------magic-grid.cjs.js(6KB)
----CONTRIBUTING.md(252B)
----src()
--------utils.js(1KB)
--------index.js(5KB)
----.eslintrc.js(503B)
----index.d.ts(2KB)
----.gitignore(19B)
----README.md(6KB)

网友评论