html - HTML 中的目录树结构

标签 html css

我正在尝试创建一个像 Eclipse 这样的在线工具。 在左侧栏中,我有一个元素浏览器,就像您在 Eclipse IDE 中找到的一样。 我想在该资源管理器栏上显示目录结构。 我能够从我的 Java 代码中接收目录结构作为数组。 由于我不擅长 CSS,因此我无法在 HTML 中制作目录树的基本布局。 如果有人可以给我任何关于 css 来创建该目录结构的想法,我将使用 javascript 用我的数组元素填充树结构。

最佳答案

可能对 user2110167 不再有用,但希望对其他人有用:

我在不同的元素中愉快地使用过 Dynatree,它允许折叠/展开,并且通常非常精细和灵活。它是开源的,并获得 MIT 许可。

您可以从 project page 获取它或在 example page 上探索其功能.

关于html - HTML 中的目录树结构,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16166239/

相关文章:

javascript - HTML 文件输入 - 选择后锁定文件

javascript - 如果找不到动态音频src或为空,则使用javascript隐藏HTML5音频播放器

html - 边框图像让我发疯

javascript - 导航按钮可见性

html - 如何将这些 css 三 Angular 形与文本垂直对齐?

javascript - 自定义表单字段的 z-index 问题(选择)

javascript - 如何将此 div 移动到 Bootstrap 导航栏上方?

jquery - CSS 箭头在缩小屏幕时上下移动

html - css:显示减半的基于字体的图标

css - 浏览器支持 CSS :first-child and :last-child