Question

在工作中，我被要求组成一个分层数据树（用CSS HTML），显示谁负责谁和谁负责组A和B组等等...我发现这个很棒的数据在codepen http://codepen.io/chuongdang/pen/lcnsC中的树，但它只允许一个父级成为一个组的父级，我需要它是两个甚至三个。不幸的是我还不能发布图片但这里有一个链接，我希望结构更像 - imgur我需要在CSS / HTML中更改多个父节点？

由于

Answer 1

你可以试试这个

<div class="tree">
<ul>

    <li>
        <a href="#">Parent1</a>
        <a href="#">Parent2</a>   //Add any Number of Parents
        <ul>
            <li>
                <a href="#">Child</a>
                <ul>
                    <li>
                        <a href="#">Grand Child</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#">Child</a>
                <ul>
                    <li><a href="#">Grand Child</a></li>
                    <li>
                        <a href="#">Grand Child</a>
                        <ul>
                            <li>
                                <a href="#">Great Grand Child</a>
                            </li>
                            <li>
                                <a href="#">Great Grand Child</a>
                            </li>
                            <li>
                                <a href="#">Great Grand Child</a>
                            </li>
                        </ul>
                    </li>
                    <li><a href="#">Grand Child</a></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

CSS中的数据树与多个父项

1 个答案: