回答編集履歴
1
説明追記、サンプル追加
test
CHANGED
|
@@ -7,5 +7,11 @@
|
|
|
7
7
|
|
|
8
8
|
フローのレイアウトは、CSS Grid を使います。レイアウトの自由度が高いので。
|
|
9
9
|
|
|
10
|
+
分岐線は、border で表示させて、`position: absolute;`で絶対配置します。
|
|
10
11
|
|
|
12
|
+
ざっくりとしたサンプルを作成しましたので、ご参考に。
|
|
11
13
|
|
|
14
|
+
[CodePenサンプル](https://codepen.io/hatena19/pen/PoeaXzR)
|
|
15
|
+
|
|
16
|
+
矢印はテキストで適当ですので、WEBフォントを使うかSVGを使うなどして見栄えよくするといいでしょう。
|
|
17
|
+
|