Appearance
如上图,grid-template-rows和grid-template-columns分别是指定行高和列宽的,可以指定有几行和几列,如果网格项目被放在指定的这些行和列之外的话,浏览器会自动生成额外的行和列(隐式行、隐式列)来容纳这些项目。大小默认由内容决定。也可以通过grid-auto-rows和grid-auto-columns来设置。
grid-template-rows
grid-template-columns
grid-auto-rows
grid-auto-columns