grid布局 #初体验 #九宫格
作者:互联网
## 概念
将一个盒子划分成多个单元格,指定内容放在指定的单元格中,实现一种比较整齐的布局方式。例如:9宫格
css代码:
.box{ width: 300px; height: 300px; border: 1px solid #000; /* 网格布局 */ display: grid; grid-template-rows: 100px 100px 100px; grid-template-columns: 100px 100px 100px; }效果图:
标签:布局,初体验,九宫格,100px,300px,grid,template,单元格 来源: https://www.cnblogs.com/bg618/p/15961929.html