。parentBox{显示：网格;网格间隙：5px；/*网格区域的间距可以设置为单个间距或上下左右间距。不支持top,right,bottom,left四个值的写法*/margin-bottom:30px;}.parentBoxdiv{颜色：#fff;边框：2px实心#607D8B；证明内容：居中；对齐项目：居中；显示：弹性；}/*------------------------*/.wrapper{grid-template-columns:100px100px100px;网格模板行：50px50px；}/*------------------------*/.wrapper1{grid-template-columns:30%auto30px;/*sub元素列的宽度*/grid-template-rows:50px50px;/*如果设置了子元素行的高度，高度可以自行调整*/}/*-------------------------*/.wrapper2{grid-template-columns:100px100px100px;网格模板行：100px100px100px；底部边距：30px；}.wrapper2.item_1{grid-column-start:1;网格列端：4；}.wrapper2.item_4{网格行开始：2；网格行尾：4；网格列开始：3；网格列端：4；}/*------------------------*/.wrapper3{网格模板列：100px100px100px;/*子元素列的宽度*/grid-template-rows:50px50px;/*设置子元素行的高度，可以自行调整高度*/}.wrapper3.item_1{grid-area:1/4/1/1;/*grid-area是grid-row和grid-column的简写顺序是grid-row-start,grid-column-start,grid-row-end,grid-column-end。*/}.wrapper3.item_4{网格区域：2/3/4/4；/*grid-area是grid-row和grid-column的简写。顺序是grid-row-start，grid-column-start，grid-row-end，grid-column-end。*//*row开始/column开始/row结束/column结束*/}均分
1
