Generador de CSS Grid
Configura grid-template-columns/rows, gap y áreas de forma visual. Vista previa en tiempo real y código CSS listo para copiar.
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;