跳到主要内容
OpenTools
Hub
工具中心
分类
提示词库
第三方工具
问题反馈
登录
正在加载页面内容
工具中心
/
开发者工具
/
CSS Grid 生成器
本地
收藏
CSS Grid 生成器
配置网格列数、行数与间距，实时预览并生成 CSS Grid 代码。
Grid 参数
列数
行数
列间距（px）
行间距（px）
项目数量
恢复默认
预览
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
预览会随参数实时更新；超出行列容量的项目会自动排到隐式网格。
生成的 CSS
复制 CSS
生成的 grid 容器样式会显示在这里
列 / 行
3 × 2
间距
16 / 16px
项目
6
单元格
6