Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/algorithm/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 将css中的数字乘以以增加左边的边距_Html_Css_Margin - Fatal编程技术网

Html 将css中的数字乘以以增加左边的边距

Html 将css中的数字乘以以增加左边的边距,html,css,margin,Html,Css,Margin,我想做一个使用左边距的层次结构树。我想在每一层的层次结构中,把左边的边距乘以层次结构的每一层,做成一棵树。如何在css样式中做到这一点? 它类似于Lpad(“”,5*level),但我需要在css中使用它如果我理解正确,您的html树元素彼此嵌套。所以只需使用左边的边距: ul { margin-left: 20px; } 您的html将是: <ul> <!-- margin-left: 20px; --> <li> <ul

我想做一个使用左边距的层次结构树。我想在每一层的层次结构中,把左边的边距乘以层次结构的每一层,做成一棵树。如何在css样式中做到这一点?
它类似于Lpad(“”,5*level),但我需要在css中使用它

如果我理解正确,您的html树元素彼此嵌套。所以只需使用左边的边距:

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 -->
               ...
      • ...

用一些代码演示概念验证。我们将帮助您编写代码,而不是为您编写代码