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

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

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

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

---

您可能想看看这个

---

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

所有这些元素都可以通过使用标记、伪元素（如

：before

）、css3转换和绝对定位在纯HTML/CSS中创建和定位，但请记住，这不是一个多浏览器解决方案，肯定需要大量工作。：）你看过这个了吗？是一样的吗？我真的没有去through@nd_macias你的解决方案听起来很可靠。然而，我认为我既没有时间也没有CSS技能来这样做。我得继续找。谢谢。@btevfik这个链接只适用于无序列表，这对于这个图表来说太简单了。我不认为你会找到一个纯css的解决方案。css处理起来似乎很复杂。他已经说过这对他不起作用了好吧，我可以问一个很棒的人，他说这没用吗？他能告诉我们为什么他认为这没有用吗？我已经用这个交付了一个小项目，使用这个项目非常有趣。我同意它不是超级灵活，但可以根据您的需要进行更改。