如何在html / css中创建带有分离叶子的水平树

时间:2014-05-08 11:16:41

标签: html css composite

我有标准的复合结构,我需要转换成HTML。我已经在互联网上搜索了水平CSS树,但是我无法弄清楚如何将叶子与保持行状顺序的节点分开。

以下是我的示例结构的目标设计:(root(node(leaf1, leaf2), leaf3)) 正如您在图片中看到的那样,根节点有两个子节点,但其高度由所有三个叶子组成。

重点关注叶子的平等排列是非常重要的。

任何建议都将不胜感激。

Tree representation

1 个答案:

答案 0 :(得分:0)

如果您在项目中使用bootstrap我会向您推荐,请使用Fluid nesting