可视化拖拽生成 CSS Grid 布局代码,不用手写网格规则
这是浏览器端的 CSS Grid 可视化布局生成工具。帮你跳过手写复杂网格行列规则,直接画出你想要的布局结构,导出可用代码。
完全遵循 W3C CSS Grid 布局标准生成代码,不添加自定义私有属性,导出的代码可直接复制到项目中使用,兼容所有现代浏览器。
支持,你可以在设置中把尺寸单位改为 fr 或百分比,就能适配不同容器宽度,生成自适应布局。
单网格最多支持 20 行 20 列。这个量级足够覆盖绝大多数常规网页布局需求。
不需要。导出的是原生标准 CSS Grid 代码,直接引入项目就能生效,无任何依赖。