Css 如何跨嵌套网格对齐行

我有三个嵌套网格，每个网格包含内容高度为动态的行

当新行开始时，我希望它与其他嵌套网格中的行对齐

行号是否匹配并不重要。使用嵌套网格以及可以更改标记也不重要。我最终认为这是解决问题的最好办法

预期结果：

这是一个

.grid，
.次电网{
显示：网格；
}
.电网{
显示：网格；
网格模板列：重复（3，1fr）；
}
.次电网{
调整内容：灵活启动；
网格自动行：最小最大值（30px，自动）；
}
.行{
边框底部：1px实心#000；
}

一排
第2排
一排
第2排
第3排
第4排
第5行
第6行
第1行内容较长

但是下一个

行应开始

与另一行内联

第2行

我应该换一排
第3排
第4排
第5行

您是否愿意使用一些javascript？我真的不知道如何只使用CSS。但是，好吧，确实是个好问题！：-）@谢谢你的评论。我认为使用JS是我唯一的选择。我希望有一个grid/flex属性可以实现这一点，但看起来不太可能。不要绝望！也许有一些只有CSS绝地武士才能知道的秘密技术…：-）当前不可能，直到

display:subgrid

得到正确支持-@Paulie\u D感谢您提供的链接-JS。您是否愿意使用一些javascript？我真的不知道如何只使用CSS。但是，好吧，确实是个好问题！：-）@谢谢你的评论。我认为使用JS是我唯一的选择。我希望有一个grid/flex属性可以实现这一点，但看起来不太可能。不要绝望！也许有一些只有CSS绝地武士才能知道的秘密技术…：-）当前不可能，直到

display:subgrid

得到正确支持-@Paulie\u D感谢您提供的链接-JS。