css - 需要在p树中展开/折叠时绘制垂直线

标签 css angular primeng boost-propertytree

我使用的是 prime-ng 中的 p-tree,需要通过 css 绘制垂直线(用红笔突出显示),如下所示:

enter image description here

我已经完成了其余部分并且工作正常,只需要绘制垂直线。我的实现如下所示:

enter image description here

我只需要在 + 和 - 图标下方绘制垂直线。 请帮忙!

最佳答案

您可以通过添加以下样式来实现:

::ng-deep .p-tree .p-treenode-children .p-treenode {
  border-left: 1px dashed black;
}

如果您对样式进行了一些更改,可能需要进行一些修改,也许添加 margin-left 来稍微移动边框。

您可以查看演示 here .

关于css - 需要在p树中展开/折叠时绘制垂直线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71222440/

相关文章:

angular - 如何在 Angular 应用程序中使用 Puppeteer

c# - CoreNet60 Angular 总是返回 404 错误

angular - 如何将选项卡标题文本换行为 2 行?

html - WebDev - 使用 "inline-block"对齐 Logo 文本和导航栏

css - 在 LESS css 中有条件地声明变量

Angular 2 配置文件和 tomcat

css - 如何通过CSS设置无效p-inputNumber PrimeNg表单组件的红色边框?

javascript - primeNG 中的对话框组件在移动 View 上没有响应

html - Sprite 不工作(背景未调整且链接不存在?)

javascript - 如何将localhost(任何端口)与前端语言或框架一起使用?