我想使用CSS和 HTML在屏幕上“绘制”树,而不是以任何方式或数据结构表示它…解决方法 使用HTML和CSS创建树状结构的一种非常简单的方法是嵌套< div> s 每个div代表一个节点,内部可
... . . 我想使用CSS和 HTML在屏幕上“绘制”树,而不是以任何方式或数据结构表示它….
解决方法
. 使用HTML和CSS创建树状结构的一种非常简单的方法是嵌套< div> s每个div代表一个节点,内部可以有多个节点：
<div> //root <div> //child 1 <div> //child 1.1 <div></div> //child 1.1.1 <div></div> //child 1.1.2 <div></div> //child 1.1.3 </div> <div></div> //child 1.2 </div> <div></div> //child 2</div>
然后,您可以为所有div添加margin-top,以便它们显示在其父div之下.
一个JSFiddle：http://jsfiddle.net/VxRmc/
我已经为每个div添加了百分比宽度.如果知道节点有多少个子节点,则可以计算宽度.或者你可以使用固定宽度……
是的,它不是一棵美丽的树,但它不能简单.
. . .. ...