Html 如何在flex box行之间添加行？

是否可以在flex box行之间添加分隔行

或者其他解决方案

向所有元素添加边框不是一个选项，如示例中所示

.container{
宽度：400px；
柔性流：行换行；
框大小：边框框；
显示器：flex；
放置内容：弹性起始间距之间；
调整项目：灵活启动；
边框：1px实心#2662c3；
}
.项目{
弯曲方向：行；
框大小：边框框；
显示器：flex；
放置内容：中心柔性开始；
对齐项目：居中；
flex:115px；
最大宽度：150px；
最小宽度：150px；
填充：16px；
高度：65px；
/*这是bab解决方案*/
边框底部：1px实心#2662c3；
}

---

使用背景色在中心创建线条：

.container{
宽度：400px；
柔性流：行换行；
框大小：边框框；
显示器：flex；
证明内容：之间的空间；
调整项目：灵活启动；
边框：1px实心#2662c3；
/*你的边界*/
背景：线性梯度（#2662c3，#2662c3）中心/100%1px无重复；
}
.项目{
框大小：边框框；
flex:115px；
最大宽度：150px；
填充：16px；
高度：65px；
}

1.
2.
3.
4.

您可以在每个

项目上使用边框，尽管您需要它们的一个伪元素，绝对位于顶部，全宽，并在
容器上设置
溢出：隐藏

这样做的缺点是他们需要顶部（或底部）对齐，否则“边界线”可能会断裂

好的方面是，它将随项目内容动态移动，因此一行可以高于另一行

堆栈片段


.container{
宽度：400px；
柔性流：行换行；
框大小：边框框；
显示器：flex；
放置内容：弹性起始间距之间；
调整项目：灵活启动；
边框：1px实心#2662c3；
溢出：隐藏；/*已添加*/
}
.项目{
位置：相对；/*已添加*/
弯曲方向：行；
框大小：边框框；
显示器：flex；
放置内容：中心柔性开始；
对齐项目：居中；
flex:115px；
最大宽度：150px；
最小宽度：150px；
填充：16px；
高度：65px；
边距底部：1px；/*补偿边距*/
}
.项目.更高{
高度：95px；
}
.项目：：之后{
内容：''；
位置：绝对位置；
左：0；
顶部：-1px；
宽度：100vw；
边框顶部：1px实心#2662c3；
}
.项目{
背景：#eee；/*仅适用于本演示*/
}