CSS栅格：栅格间距（檐槽）和栅格线之间的关系
我是CSS新手，我正在努力理解CSS网格的解剖结构。到目前为止，我知道网格有行和列，它们由单元组成，单元之间有称为水槽的间隙。如果我没有弄错的话，栅格轨迹是由栅格线之间的空间定义的区域。因此，轨迹最终成为单元的水平或垂直部分 然而，我对网格线有点困惑。我的直觉是网格线和网格间隙在某种意义上是相同的。我想它们的不同之处在于，缝隙有厚度的概念，而线条只是一维的分隔。对吗？但是，它们都表示细胞之间的面积，对吗 我可能非常困惑和错误。请帮助我了解网格线和网格间隙之间的区别，以及它们之间的关系。一张图表会很有帮助 我的直觉是网格线和网格间隙在某种意义上是相同的 你在这里几乎很好。唯一的区别是网格的边缘没有间隙，但那里有网格线 发件人： 网格线是网格的水平和垂直分界线。网格线存在于列或行的任一侧 及 在栅格容器上指定行间距和列间距属性及其间距速记时，可以定义栅格行和栅格列之间的檐槽 这些特性的效果就像受影响的轴网线获得了厚度：两条轴网线之间的轴网线轨迹是表示它们的檐槽之间的空间。为了调整轨道尺寸，每个排水沟被视为指定尺寸的额外、空、固定尺寸轨道，由跨越其相应网格线的任何网格项跨越 及 水槽仅出现在隐式栅格的轨迹之间；第一个轨道之前或最后一个轨道之后没有排水沟 同一规格的一个数字： 如果上述网格有间隙，则会增加两列之间的第2行和行之间的第2行/第3行的厚度。换句话说，您将始终有N行、N-1列和N-2个间隙 我的直觉是网格线和网格间隙在某种意义上是相同的 你在这里几乎很好。唯一的区别是网格的边缘没有间隙，但那里有网格线 发件人： 网格线是网格的水平和垂直分界线。网格线存在于列或行的任一侧 及 在栅格容器上指定行间距和列间距属性及其间距速记时，可以定义栅格行和栅格列之间的檐槽 这些特性的效果就像受影响的轴网线获得了厚度：两条轴网线之间的轴网线轨迹是表示它们的檐槽之间的空间。为了调整轨道尺寸，每个排水沟被视为指定尺寸的额外、空、固定尺寸轨道，由跨越其相应网格线的任何网格项跨越 及 水槽仅出现在隐式栅格的轨迹之间；第一个轨道之前或最后一个轨道之后没有排水沟 同一规格的一个数字： 如果上述网格有间隙，则会增加两列之间的第2行和行之间的第2行/第3行的厚度。换句话说，您将始终有N行、N-1列和N-2个间隙CSS栅格：栅格间距（檐槽）和栅格线之间的关系,css,css-grid,Css,Css Grid,我是CSS新手，我正在努力理解CSS网格的解剖结构。到目前为止，我知道网格有行和列，它们由单元组成，单元之间有称为水槽的间隙。如果我没有弄错的话，栅格轨迹是由栅格线之间的空间定义的区域。因此，轨迹最终成为单元的水平或垂直部分 然而，我对网格线有点困惑。我的直觉是网格线和网格间隙在某种意义上是相同的。我想它们的不同之处在于，缝隙有厚度的概念，而线条只是一维的分隔。对吗？但是，它们都表示细胞之间的面积，对吗 我可能非常困惑和错误。请帮助我了解网格线和网格间隙之间的区别，以及它们之间的关系。一张图表会