新！ 我的 44 页电子书“44 分钟学会 CSS”已出版！ 😃

立即获取 →

#grid

用于 grid-template-rows grid-template-columns grid-template-areas grid-auto-rows grid-auto-columns 和 grid-auto-flow 的简写属性。

grid: "header header header" 50px "sidebar main main" 200px / 100px auto;

您可以通过设置所有显式行、列和区域将其用作grid-template。

grid: 200px 100px / auto-flow 30%;

您可以将grid-template-rows 与grid-auto-columns 相结合。

grid: auto-flow 50px / 200px 100px;

您可以将grid-auto-rows 与grid-template-columns 相结合。