2014-05-08 43 views
0

我已經有了標準的組合結構,我需要將其轉換爲HTML。我已經在互聯網上搜索橫向CSS樹,但我無法弄清楚如何將樹葉從節點中分離出來,保持行狀的順序。如何在html/css中創建具有分隔葉子的水平樹

以下是我的示例結構的目標設計:(root(node(leaf1, leaf2), leaf3)) 正如您在圖片上所看到的,根節點有兩個子元素,但其高度由所有三個葉子組成。

重要的是要集中在樹葉的平行排列上。

任何建議,將不勝感激。

Tree representation

回答

0

如果重新使用引導到你的項目中,我會向你推薦使用Fluid nesting