編集: 上の画像は、ツリーが現在どのように見えるかです。それぞれの親が 2 つの子の間にある通常のツリーのように見せたいと思います。
各親が 2 つの子の真上とその間にあるように、含まれる画像の各ブロックの周囲に配置するマージンを計算するにはどうすればよいですか?
各世代に独自の div (ダッシュで区切られた) がある HTML でバイナリ ツリーの表現を表示しようとしています。各ブロックは、に設定されている生成 div 内の独自の div でもありdisplay: inline-block;ます。ブロックが中央にあるのは、各世代がtext-align: center;
2 つの子の間に各親を配置するために、間隔は世代ごとに異なります。この間隔を計算するにはどうすればよいですか? また、私が今やっているように個々のブロックにパディングを追加するよりも、HTMLでこれを行う簡単な方法はありますか?
ありがとうございました！