Grid 布局生成器

容器设置

预览效果

1
2
3
4
5
6
.container { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; gap: 20px; justify-items: center; align-items: center; }