grid-template-columns | 定义列宽 | 1fr 2fr 200px |
grid-template-rows | 定义行高 | auto 1fr auto |
gap | 行列间距 | 16px |
justify-items | 水平对齐 | start / center / end / stretch |
align-items | 垂直对齐 | start / center / end / stretch |
grid-column | 单元格列位置 | 1 / 3 |
grid-row | 单元格行位置 | 1 / 3 |
grid-template-areas | 命名区域布局 | "header header" "nav main" |
repeat() | 重复轨道 | repeat(3, 1fr) |
minmax() | 最小/最大尺寸 | minmax(200px, 1fr) |
auto-fill | 自动填充列数 | repeat(auto-fill, minmax(150px, 1fr)) |