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

Question

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

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

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

Answer 1

你可能想看看这个

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

Answer 2

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