Gerador de CSS Grid
Ajuste parâmetros de CSS Grid visualmente, veja o layout em tempo real e copie o código pronto. Ferramenta grátis online.
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;