启动网格布局 display:grid 属性值: grid 为块状网格容器 (容器自上而下排列) 划分行和列 grid-template-columns: grid-template-rows: 属性值(根据值的个数确定列数): 1:固定的数值 100px 100px 100px 2:百分比 33.33% 33.33% 33.33% 3:功能函数 & 关键字 grid-template-areas 划分网格区域 grid-area 单元格的选择区域 grid-template 简写方式grid-column-gap 列之间的距离grid-row-gap 行之间的距离grid-gap 简写方式