CSS Grid 生成器
Grid参考
| 属性 | 示例 | 描述 |
|---|---|---|
| grid-template-columns | repeat(3, 1fr) | 定义列轨道 |
| grid-template-rows | 100px auto | 定义行轨道 |
| grid-column | 1 / 3 | 元素跨越第1到3列 |
| grid-row | 2 / 4 | 元素跨越第2到4行 |
| grid-area | header | 命名网格区域定位 |
| minmax() | minmax(200px, 1fr) | 轨道尺寸范围 |
| auto-fill | repeat(auto-fill, 200px) | 尽可能填充轨道 |
| auto-fit | repeat(auto-fit, minmax(200px, 1fr)) | 折叠空轨道 |