通过使用grid 或inline-grid 的值，可以使用CSS 网格布局将一个元素变为为网格容器，并且使它的所有直接子元素都会成为网格项目。

网格容器会创建一个网格格式化上下文。它的直接子元素通过定义grid-template-columns 和grid-template-rows 属性可以将自己变为显式网格，当某个元素不在显示网格内时，它就会变为隐式网格。

参见

属性参考

• grid-template-columns
• grid-template-rows
• grid-auto-columns
• grid-auto-rows
• grid
• grid-template

扩展阅读

• CSS 网格布局指南：网格布局的基本概念