菜鸟跪求大神把现有的纵向展开树修改成横向展开树_html/css



代码：










天云平台





档案类






档案




档案




档案




档案






搜索类





搜索






搜索




搜索





搜索






分析类





分析




分析





分析





分析











上面是从网上找的纵向树，但是不符合项目要求，所以想改成横向向右展开的树，求大神帮忙修改一下，不甚感激，谢谢~~~急~~
组织架构图类似：

回复讨论(解决方案)

我也需要，谢谢，做网站

弄了个你可以看看，通过json数据生成。

无聊做了一下，具体查看博客 html模拟组织架构横向展开

3楼的哥哥

我看了你的代码，如果我这颗是动态生成的，你的这个节点好像不能自动居中，怎么破？

我想要的样式

我想要的样式

你现在要的只有第一个节点文字是纵向排列的？ 这个图和你发帖时候的图弄起来结构可是不同的。

我想要的样式

你现在要的只有第一个节点文字是纵向排列的？ 这个图和你发帖时候的图弄起来结构可是不同的。

是的，只有第一个节点文字是纵向排列的

我想要的样式

你现在要的只有第一个节点文字是纵向排列的？ 这个图和你发帖时候的图弄起来结构可是不同的。

是的，只有第一个节点文字是纵向排列的

你要不就先用我原来的竖排吧，你这个效果的暂时没写出来。