How to make a flowchart/diagram using only HTML and CSS [closed]

问题

Closed. This question needs to be more focused. It is not currently accepting answers.

---

Want to improve this question? Update the question so it focuses on one problem only by editing this post.

Closed 4 years ago.

I need to make a really complicated diagram for a website, in which the hierarchy will be a bit messy: arrows will go up and down, sometimes an element will point to several others, and sometimes there will be several elements pointing to the same one. I have found this method, but it doesn't allow more than one parent for an element and therefore won't do the trick in this case.

It has to be done in HTML/CSS, because my intention is to add some Javascript to change the content of the blocks dinamically.

This is an example of the level of complexity I need to achieve:

回答1:

You might want to take a look at this

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

回答2:

Another to look for is SpaceTree example by "Nicolas Garcia Belmonte" but not a pure CSS solution. It is compatible with IE and most of browsers. Definitely worth a try.

来源：https://stackoverflow.com/questions/15567278/how-to-make-a-flowchart-diagram-using-only-html-and-css