使用CSS和最佳实践，嵌套、缩进菜单的动态创建如下:

为每个嵌套创建一个样式，如indent1, indent2等，每个嵌套都指定自己的左边距。站点结构应该很少超过三层嵌套。 在自递归函数中使用静态变量(整数)来跟踪递归。 对于每个循环，使用服务器端脚本(如PHP或ASP)将循环号附加到单词indent后，以便这些菜单通过CSS进行适当的格式化。

或者，循环静态变量，使用多个&nbsp;或<pre>标记，或其他字符，视情况而定。

从测试水平制表符，&#09;我发现它不能作为多种&nbsp;在我描述的场景中。你可能会得到不同的结果。

如果你正在使用CSS，我建议如下:

p:first-letter  {
   text-indent:1em;
}

这将像传统出版物一样缩进第一行。

如果您只需要一个选项卡，那么下面的选项卡对我有用。

<style>
  .tab {
    position: absolute;
    left: 10em;
   }
</style>

使用HTML的内容如下:

<p><b>asdf</b> <span class="tab">99967</span></p>
<p><b>hjkl</b> <span class="tab">88868</span></p> 

你可以添加更多的“标签”通过添加额外的“标签”样式和改变HTML，如:

<style>
  .tab {
    position: absolute;
    left: 10em;
   }
  .tab1 {
    position: absolute;
    left: 20em;
   }
</style>

使用HTML的内容如下:

<p><b>asdf</b> <span class="tab">99967</span><span class="tab1">hear</span></p>
<p><b>hjkl</b> <span class="tab">88868</span><span class="tab1">here</span></p>

只有“pre”标签:

<pre>Name:      Waleed Hasees
Age:        33y
Address:    Palestine / Jein</pre>

你可以在这个标签上应用任何CSS类。

不，就HTML而言，Tab只是空白。我推荐一个这么大的em-space(→| |←)…通常是4个空格宽，输入为&emsp;

如果幸运的话，您甚至可以使用Unicode字符(" ")来表示它。

下面是Unicode中空格字符和“零宽度空格”的列表。

使用CSS更简洁。试试padding-left:5em或margin-left:5em。