通过在css中乘以两个数来增加margin-left

Question

我想制作使用保证金的层次结构树。而且我想在每个层次结构中将剩余边距乘以层次结构的水平并使其像树一样。如何用css风格做到这一点？ 它就像Lpad（''，5 *级），但我需要它在css

Answer 1

如果我理解正确，你的html树元素互相嵌套。所以只需应用margin-left：

ul {
    margin-left: 20px;
}

你的HTML将是：

<ul> <!-- margin-left: 20px; -->
   <li>
       <ul> <!-- margin-left: 20px + 20px from parent = 40px -->
           <li>
               <ul> <!-- margin-left: 20px + 40px from previous `ul` elements -->
               ...

JSFiddel