css - grid-row: 1 是做什么的？

Question

我不明白MDN 页面grid-row: 1的工作原理——它没有描述单值语法。给它一个值有什么用？（同样适用。）1grid-column: 1

标签： csscss-grid

Answer 1

因此，根据 MDN，它是grid-row-start和 的简写grid-row-end

“线”是指水平线：

grid-row: 1; 从第一条网格线开始，高度为一排

grid-row: 1 / 3; 从第一条网格线开始，在第三条网格线结束

grid-row: 2 / -1; 开始第二条网格线，结束于“-1”网格线（最后一条网格线）

grid-row: 1 / span 2;; 开始第一条网格线，高度为两行

grid-column做类似的事情，考虑和计算垂直线。