web-dev-qa-db-ja.com

HTMLとCSSのみを使用してフローチャート/図を作成する方法

階層が少し乱雑になるウェブサイトの本当に複雑な図を作成する必要があります:矢印が上下に移動し、ある要素が他のいくつかを指し、時には同じ要素を指す複数の要素があります。 このメソッド を見つけましたが、1つの要素に対して複数の親を許可しないため、この場合のトリックは行いません。

私の意図はブロックの内容を動的に変更するためにJavascriptを追加することなので、HTML/CSSで行う必要があります。

これは、私が達成する必要がある複雑さのレベルの例です。 chart

26
Variax

あなたはこれを見てみたいかもしれません

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

17
Dineshkumar

もう1つ探しているのはSpaceTree 「Nicolas Garcia Belmonte」ですが、純粋なCSSソリューションではありません。 IEおよびほとんどのブラウザと互換性があります。間違いなく試してみる価値があります。

3
Sanjay Zalke