Html css-组织结构图-垂直线不适合某些场景

我正在使用以下插件。 .

在某些分辨率下，垂直线不合适。

我已经分析了呈现的html，并尝试使用相同的代码。 对于一些决议，我也遇到了同样的问题

请看下面的小提琴手

。下线{
高度：30px；
宽度：2倍；
背景：红色；
文本对齐：居中；
背景：红色；
文本对齐：居中；
背景色：rgba（217,83,79,0.8）；
保证金：0px自动；
高度：55px；
宽度：2倍；
浮动：无；
}
.左线{
右边框：1px纯绿色；
}
.右线{
左边框：1px纯绿色；
}
桌子{
利润率：50像素；
边框间距：0！重要；
边界崩溃：分离！重要；
}
.项目{
填充物：5px；
边框：1px纯黑；
}

测试123

您可以将

宽度：50%

添加到

.leftLine

和

.rightLine

，但这会导致

.item

包装文本内容，但边缘有小故障。