将元素定义为网格容器,并为其内容建立新的 网格格式上下文。
.container {
display: grid | inline-grid | subgrid;
}
- grid: 生成一个块级网格
- inline-grid: 生成一个内联网格
- subgrid : 如果你的网格容器本身是另一个网格的网格项(即嵌套网格),你可以使用这个属性来表示,它的行/列的大小继承自它的父级网格容器,而不是自己指定的。
注意:在 网格容器(Grid Container) 上使用column,float,clear, vertical-align 不会产生任何效果。