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

Question

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

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

这是我需要实现的复杂程度的一个例子:

Answer 1

你可能想看看这个

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

Answer 2

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