CSS Grid 生成器
可视化调节 CSS Grid 网格布局参数，实时预览并复制代码，免费在线 Grid 工具
columns3
rows2
gap12px
子项数量6
justify-items
align-items
预览
1
2
3
4
5
6
display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, minmax(60px, 1fr)); gap: 12px; justify-items: stretch; align-items: stretch;