用HTML绘制（树）图

Question

我想在网页中有一个图表，看起来像这样（来自wikipedia）：

（细节不重要 - 它不能是二叉树，不一定是3级）

我目前使用的是一个（预先计算好的）表格，大多数边框都是透明的，但这很难编程，而且难以维护。我将如何以编程方式绘制这样的图表？我不想使用canvas，因为我需要在框中添加html个元素，主要是下拉列表和链接。

我正在考虑通过CSS手动定位方框，并使用以下元素绘制线条（对于水平线）：

<p style="border: 2px solid black; height: 0px; width: ...;  top:...; right:...;"/>

这是要走的路吗？是否有较少的绘图线条？

Answer 1

我认为具有position：css元素的面向DIV的网页是最好的方法。