我是 CSS 新手，我正在尝试了解 CSS 网格的解剖结构/结构。到目前为止，我了解网格有行和列，它们由单元格组成，并且单元格之间存在称为排水沟的间隙。如果我没记错的话，网格轨道是由网格线之间的空间定义的区域。所以轨道最终成为单元格的水平或垂直部分。
不过，我对网格线有点困惑。我的直觉是网格线和网格间隙在某种意义上是一回事。我猜它们的不同之处在于间隙具有厚度的概念，而线条只是一维分离。那是对的吗？但是，它们都表示单元格之间的区域，对吧？
我可能非常困惑和错误。请帮助我了解网格线和网格间隙之间的区别，以及它们之间的关系。图表会很有帮助。
【问题讨论】：
我的直觉是，网格线和网格间隙在某种意义上是一回事。
你在这里差不多好了。唯一的区别是我们在网格的边缘没有间隙，但那里确实有网格线
网格线是网格的水平和垂直分割线。 网格线存在于列或行的任一侧。
和
row-gap 和 column-gap 属性（以及它们的 gap 简写），当在网格容器上指定时，定义网格行和网格列之间的间距。
这些属性的效果就像受影响的网格线获得了粗细：两条网格线之间的网格轨迹是代表它们的排水沟之间的空间。出于轨道大小的目的，每个间距都被视为一个额外的、空的、具有指定大小的固定大小轨道，由跨越其相应网格线的任何网格项跨越。
和
Gutters 只出现在隐式网格的轨道之间； 在第一首曲目之前或最后一首曲目之后没有装订线。
同一规格的图：
如果上面的网格有间隙，它将增加两列之间的“第 2 行”和行之间的“第 2 行”/“第 3 行”的厚度。换句话说，您将始终有 N 行、(N - 1) 列和 (N - 2) 个间隙。
【讨论】：