grid网格代码及注释

html部分：

< div  id = “ container ” > 
  < div > </ div > 
  < div > </ div > 
  < div > </ div > 
  < div > </ div > 
  < div > </ div > 
  < div > </ div > 
  < div > </ div > 
  < div > </ div > 
</div >
css部分：

#container {
  display: grid; /*显示网格*/
  grid: repeat(2, 60px) / auto-flow 80px;/*这个网格重复2次密集*/
}

#container > div {
  background-color: #8ca0ff;/*设置背景颜色*/
  width: 50px;/*宽50*/
  height: 50px;/*高50/
}
运行结果