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/ }
运行结果

 

转载于:https://www.cnblogs.com/zj1997/p/9786602.html