CSS Grid 网格布局生成器
可视化调整网格列数、行数、间距，实时预览并生成 CSS 代码
网格预览3x2 = 6 格
生成的 CSS 代码0 字符
列数/行数3 x 2
间距10px / 10px
总格数6
CSS Grid 网格生成器说明
CSS Grid 是强大的二维布局系统，通过 grid-template-columns 和 grid-template-rows 定义行列轨道，再配 gap 设置间距。
列单位：fr 等分剩余空间，px 固定宽度，auto 自适应内容，minmax(min, max) 最小最大值约束。
使用场景：卡片网格、图片画廊、仪表盘布局、响应式列表等。配合 repeat() 和 auto-fill 可实现自动换行。