网格容器
在元素上使用 grid
或 inline-grid
值会将其转换为使用 CSS 网格布局 的 **网格容器**,此元素的任何直接子元素都会成为网格项。
当元素成为网格容器时,它会建立一个 **网格格式化上下文**。直接子元素现在可以根据使用 grid-template-columns
和 grid-template-rows
定义的任何显式网格,或根据在项目放置在 *显式网格* 之外时创建的 *隐式网格* 来进行布局。
在元素上使用 grid
或 inline-grid
值会将其转换为使用 CSS 网格布局 的 **网格容器**,此元素的任何直接子元素都会成为网格项。
当元素成为网格容器时,它会建立一个 **网格格式化上下文**。直接子元素现在可以根据使用 grid-template-columns
和 grid-template-rows
定义的任何显式网格,或根据在项目放置在 *显式网格* 之外时创建的 *隐式网格* 来进行布局。