设置行与行的间隔（行间距）

column-gap属性设置列与列的间隔（列间距） row-gap属性设置行与行的间隔（行间距） 取值 fraction 的缩写,意为部分 grid-template-columns: 100px auto 100px; grid-template-columns: 1fr 1fr minmax(100px, 1fr); minmax(100px, 1fr)表示列宽不小于100px，不大于1fr。 repeat(重复的次数，一个或空格隔开的多个值 ) grid-template-columns: repeat(2, 100px);表示共两列，每列各100px grid-template-columns: repeat(2, 100px 20px 80px); 定义了6列，第一列和第四列的宽度为100px，第二列和第五列为20px，第三列和第六列为80px。 grid-template-columns:repeat(auto-fill,100px); 表示每列宽度100px，然后自动填充，直到容器不能放置更多的列。 默认值 0 px 百分比（相对于容器） 简写grid-gap gap: 行间距 列间距; 【空格】隔开 省略了第二个值，浏览器认为第二个值等于第一个值 单元格在容器垂直位置,水平位置 justify-content水平位置 总网格区域相对于容器左右对齐方式(网格内容大小小于容器宽时) align-content 位置 总网格区域相对于容器上下对齐方式(网格内容大小小于容器高时)