可视化拖拽设置 CSS Grid 布局,直接生成可用 CSS 代码
这是一款浏览器端的 CSS Grid 布局可视化生成工具。帮你不用手动编写复杂的 Grid 语法,就能快速得到符合需求的网格布局代码。
它完全遵循 W3C CSS Grid 布局标准生成代码,生成的语法兼容所有主流现代浏览器,可直接复制到项目中使用。
支持,你可以单独设置每行的高度和每列的宽度,默认是自适应等分。
兼容所有支持 CSS Grid 的现代浏览器,不兼容 IE11 及更早版本。
最多支持设置 20 行 20 列,足够覆盖绝大多数常规布局场景。
默认生成标准 gap 语法,兼容所有现代浏览器,无需保留旧的 grid-gap 前缀。