Grid container

通过设置CSS属性 display:grid;display:inline-grid; 可以将一个元素定义为网格容器(grid container),并且它的所有直接子元素都会成为网格项。

网格容器会创建一个网格化环境(grid firmatting context) 。它的直接子元素通过定义 grid-template-columnsgrid-template-rows 属性可以将自己变为显式网格,当某个元素不在显示网格内时,它就会变为隐式网格

了解更过

属性参考

扩展阅读