如何仅使用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和大多数浏览器兼容。绝对值得一试。