使用自定义列、行、间距和对齐方式构建 CSS 网格,并实时生成代码。
无需手写 grid-template 数值即可制作布局原型。设置列和行轨道、间距与对齐方式,然后复制 CSS。
它会生成基础网格。如需响应式效果,请添加媒体查询,或使用 auto-fit 搭配 minmax。
不会。该工具完全在您的浏览器中运行,必要时使用 JavaScript 和 WebAssembly。您的文件和文本绝不会离开您的设备。
我们会定期改进工具。发现问题或有建议?我们在倾听。