CSS 网格布局生成器

设置网格行列、间距，预览布局并导出 CSS。在当前浏览器中填写或导入内容，检查结果后复制或导出。

设置网格行列、间距，预览布局并导出 CSS。 · 关键词：CSS Grid、网格布局、grid-template-columns

常见问题

怎样处理，支持哪些范围？

生成等宽列和自动行高的 Grid，预览最多 12 列、10 行。结果需应用到你的容器，预览示例项不会加入输出 CSS。

输入和结果会上传或保存吗？

输入、文件与结果只在当前页面本地处理，刷新后清空；不会把内容、文件名或结果写入 URL、工具历史或服务器。原站固定工具标识与数量统计保留。