浅谈grid网格布局

网格布局有作用于容器上的，也有子项上的，具体如下图： 作用在grid容器上的： 1.grid-template-columns（设置列）和grid-template-rows（设置行）? 对网格进行横纵划分，形成二维布局。单位可以是像素，百分比，自适应以及fr单位（网格剩余空间比例单位）。 注：网格中提供了一个新的单位：fr ( 比例单位 ) 2.grid-template-areas？ area

>>阅读原文<<