仅向网格中心添加CSS伪元素

.parnet{
最大宽度：600px；
保证金：0自动；
背景#f4 ;；
}
.包装纸{
显示：网格；
网格模板列：重复（3，1fr）；
}
.细胞{
位置：相对位置；
}
.内部{
宽度：80px；
高度：80px；
填充：40px；
文本对齐：左对齐；
}
.wrapper.cell:第n个子（2n）：之前{
内容：“；
位置：绝对位置；
左：0；
最高：50%；
转化：translateY（-50%）；
身高：60%；
宽度：1px；
背景色：红色；
}

1.
2.
3.
4.
5.
6.
这是我的答案。我使用
.cell:nth child（3n）：before
作为水平线。我希望这就是你需要的


.parent{
背景：白色；
最大宽度：600px；
保证金：0自动；
字号：2em；
}
.parent.wrapper{
显示：网格；
网格模板列：重复（3，1fr）；
}
.parent.wrapper.cell{
位置：相对位置；
}
.parent.wrapper.cell:之前{
内容：“；
位置：绝对位置；
右：50%；
顶部：2米；
身高：60%；
宽度：1px；
背景色：红色；
}
.parent.wrapper.cell:第n个子（3n）：之前{
宽度：300%；
高度：1px；
最高：100%
}

1.
2.
3.
4.
5.
6.
7.
8.
9

.parnet{
最大宽度：600px；
保证金：0自动；
背景#f4 ;；
}
.包装纸{
显示：网格；
网格模板列：重复（3，1fr）；
}
.细胞{
位置：相对位置；
}
.内部{
宽度：80px；
高度：80px；
填充：40px；
文本对齐：左对齐；
}
细胞：之前{
内容：“；
位置：绝对位置；
右：0；
最高：50%；
转化：translateY（-50%）；
身高：60%；
宽度：1px；
背景色：红色；
}
.wrapper.cell:第n个子（3n）：之前{
宽度：0；
}

1.
2.
3.
4.
5.
6.
请包含完整的相关示例，以便在代码段编辑器或代码笔或其他工具中重新创建，一张图片和sass为查看者留下了大量工作来提供帮助。html与此有什么关系？抱歉，以前从未使用过代码段，感谢您的想法，它真的很好。不知道为什么有两个人会要求关闭此帖子？这是一个合法的问题，我正在尽我最大的努力用照片展示我的问题，现在代码结构我的问题。感谢enxaneta，我尝试了类似的方法，但我必须保持正确：0而不是50%。这样它就可以工作了，除了每一行的最后一行在右边有一个边框。因此，请将right改为0，然后添加文本align:center to.parent.wrapper.cellKeith查看我刚刚添加到帖子中的代码片段。我必须对我的内部分区进行修复，我刚刚根据你的设置线索使其正常工作：0。我将代码片段添加到答案中。再次感谢你的帮助。