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/ }

猜你喜欢

转载自www.cnblogs.com/zj1997/p/9786602.html
今日推荐