编辑：上图是树现在的样子。我想让它看起来像一棵普通的树，每个父母都在它的两个孩子之间。
如何计算包含图像中每个块周围的边距，以便每个父级直接位于其两个子级的上方和之间？
我正在尝试在 HTML 中显示二叉树的表示形式，其中每一代都有自己的 div（用破折号分隔）。每个块在设置为 的生成 div 中也是它自己的 div display: inline-block;。这些块是居中的，因为每一代都有text-align: center;
为了使每个父级在其两个子级之间对齐，间距因代而异。我如何计算这个间距？此外，在 HTML 中执行此操作是否有比像我现在正在做的那样向单个块添加填充更简单的方法？
谢谢！