grid-row: 1 是做什么的？
What does grid-row: 1 do?
我不明白 grid-row: 1 是如何从 MDN page 工作的 - 它没有描述单值语法。给它一个值 1 有什么作用？ （同样适用于 grid-column: 1。）
所以根据 MDN，它是 shorthand for grid-row-start 和
grid-row-end
“线”是指水平线：
grid-row: 1;从第1条网格线开始，高度为一行
grid-row: 1 / 3; 从第 1 条网格线开始，在第 3 条网格线结束
grid-row: 2 / -1; 开始第二条网格线，结束于“-1”网格线（最后一条网格线）
grid-row: 1 / span 2;;从第1条网格线开始，高度为两行
grid-column 做类似的事情，考虑和计算垂直线。
grid-row 对于 grid-row-start 和 grid-row-end 是 shorthand。
可以像 1/3 一样传入两个值。在基于网格的设计中，第一个值是起始线，第二个值是结束线。
如果省略第二个值，则该元素将占用 1 个框。
这是从第一行开始到第三行结束。这意味着 1 / 3.
想象一下用水平线划分的盒子，如果第一个盒子的样式为 grid-row : 1 / 3，它看起来会像这样
这是从第一行开始跨越 1 个框。这意味着 1:
想象一下用水平线划分的盒子，如果第一个盒子的样式为 grid-row : 1，它看起来会像这样
我不明白 grid-row: 1 是如何从 MDN page 工作的 - 它没有描述单值语法。给它一个值 1 有什么作用？ （同样适用于 grid-column: 1。）
所以根据 MDN，它是 shorthand for grid-row-start 和
grid-row-end
“线”是指水平线：
grid-row: 1;从第1条网格线开始，高度为一行
grid-row: 1 / 3; 从第 1 条网格线开始，在第 3 条网格线结束
grid-row: 2 / -1; 开始第二条网格线，结束于“-1”网格线（最后一条网格线）
grid-row: 1 / span 2;;从第1条网格线开始，高度为两行
grid-column 做类似的事情，考虑和计算垂直线。
grid-row 对于 grid-row-start 和 grid-row-end 是 shorthand。
可以像 1/3 一样传入两个值。在基于网格的设计中，第一个值是起始线，第二个值是结束线。
如果省略第二个值，则该元素将占用 1 个框。
这是从第一行开始到第三行结束。这意味着 1 / 3.
想象一下用水平线划分的盒子，如果第一个盒子的样式为 grid-row : 1 / 3，它看起来会像这样
这是从第一行开始跨越 1 个框。这意味着 1:
想象一下用水平线划分的盒子，如果第一个盒子的样式为 grid-row : 1，它看起来会像这样