gpt4 book ai didi

html - 如何在 html/css 中创建具有分离叶子的水平树

转载 作者:行者123 更新时间:2023-11-28 15:28:51 24 4
gpt4 key购买 nike

我有标准的复合结构,我需要将其转换为 HTML。我已经在互联网上搜索了 Horizo​​ntal CSS tree,但我无法弄清楚如何将叶子与保持行状顺序的节点分开。

下面是我针对示例结构的设计:(root(node(leaf1, leaf2), leaf3))正如您在图片中看到的,根节点有两个 child ,但它的高度由所有三个叶子组成。

关注叶子的均匀对齐很重要。

如有任何建议,我们将不胜感激。

Tree representation

最佳答案

如果您在元素中使用 bootstrap,我会向您推荐,使用 Fluid nesting

关于html - 如何在 html/css 中创建具有分离叶子的水平树,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23540221/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com