如何使用只使用HTML和CSS的流程图/图 [英] How to make a flowchart/diagram using only HTML and CSS

问题描述

我需要为一个网站做一个非常复杂的图，其中的层次结构会有点凌乱：箭头将上下移动，有时一个元素将指向其他几个，有时会有几个元素指向同一个。我找到了

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:

解决方案

You might want to take a look at this

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

这篇关于如何使用只使用HTML和CSS的流程图/图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！