Question

下面是布局的基本图我基本上有一个父div，然后在那里我有子div，布局基本上显示了一些数据的层次。我想要实现的是在视觉上表现出层次感。正如您在每个名称左侧看到的那样，我想要的是使用边框创建这种视觉效果，这可能吗？我甚至不敢想我会从哪里开始。

Parent Div 1
    |
    |
    |- Child Div 1.a
    |- Child Div 1.b
       |
       |
       |- Child Child Div 1.1.a
    |
    |
    |
    Parent Div 2
    |
    |
    | - Child Div 2.a
    | - Child Div 2.b

Answer 1

也许这个CSS可以给你一个开始？

div.tree div.tree {
  margin-left : 20px;    
}
div.tree div.tree:before {
  content:"| ";  /*You can use an image here maybe*/
}

<强> FIDDLE

使用HTML和CSS可视化数据层次结构

1 个答案: