如何仅使用HTML和CSS制作流程图/图表

Question

我需要为一个网站制作一个非常复杂的图表，其中层次结构会有点混乱：箭头会上下移动，有时一个元素会指向其他几个元素，有时会有几个元素指向同一个。我找到了this method，但它不允许一个元素有多个父元素，因此在这种情况下不会这样做。

必须在HTML / CSS中完成，因为我的目的是添加一些Javascript来改变块的内容。

这是我需要达到的复杂程度的一个例子：

Answer 1

你可能想看看这个

http://thecodeplayer.com/walkthrough/css3-family-tree

Answer 2

寻找的另一个是“Nicolas Garcia Belmonte”的SpaceTree example，但不是纯粹的CSS解决方案。它与IE和大多数浏览器兼容。绝对值得一试。