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;