九宫格布局

grid

文章链接

属性：
grid-template-columns 列宽
grid-template-rows 行高
grid-row-gap 行间距
grid-column-gap 列间距
grid-gap 是行间距与列间距的缩写

.container {
  display: grid;
  grid-template-columns: 100px 100px 100px;
  grid-template-rows: 100px 100px 100px;
  grid-row-gap: 20px;
  grid-column-gap: 20px;
}