网格容器
通过使用 grid
或 inline-grid
的值,可以使用 CSS 网格布局将一个元素变为为网格容器,并且使它的所有直接子元素都会成为网格项目。
网格容器会创建一个网格格式化上下文。它的直接子元素通过定义 grid-template-columns
和 grid-template-rows
属性可以将自己变为显式网格,当某个元素不在显示网格内时,它就会变为隐式网格。
参见
属性参考
扩展阅读
- CSS 网格布局指南:网格布局的基本概念
通过使用 grid
或 inline-grid
的值,可以使用 CSS 网格布局将一个元素变为为网格容器,并且使它的所有直接子元素都会成为网格项目。
网格容器会创建一个网格格式化上下文。它的直接子元素通过定义 grid-template-columns
和 grid-template-rows
属性可以将自己变为显式网格,当某个元素不在显示网格内时,它就会变为隐式网格。