设计师
Grid 布局可视化
可视化编辑 Grid 布局,实时预览效果
实时预览
1
2
3
4
5
6
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 80px);
gap: 12px;
justify-items: stretch;
align-items: stretch;
}可视化编辑 Grid 布局,实时预览效果
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 80px);
gap: 12px;
justify-items: stretch;
align-items: stretch;
}