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

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

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

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

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

我使用一个不带项目符号的列表来呈现“标签”外观。 (这是我在使用MS Word时有时会做的事情)

在CSS文件中:

.tab {
    margin-top: 0px;
    margin-bottom: 0px;
    list-style-type: none;
}

并且在HTML文件中使用无序列表:

This is normal text
<ul class="tab">
    <li>This is indented text</li>
</ul>

这个解决方案的美妙之处在于，您可以使用嵌套列表进一步缩进。

一个新手在这里说话，所以如果有任何错误，请评论。

如果空格变得如此重要，那么使用预格式化文本和<pre>标记可能会更好。

&emsp;， & enp;， &#8195;或& # 8194;可以使用。

W3说……

字符实体和分别表示一个en空格和一个em空格，其中en空格是点大小的一半，em空格等于当前字体的点大小。

HTML3的更多信息请访问W3.org

HTML4请在W3.org上阅读更多内容

维基百科上更多

p {background-color: #FFEEEE;保证金:0;填充:0.5em 0;｝ < span style=" font - family:宋体;tab-size: 4 " > & # 9 # 9 & # 9←←一个选项卡两个标签# 9 & # 9 & # 9←三个标签# 9 & # 9 & # 9 & # 9←四个选项卡。< / p > < span style=" font - family:宋体;tab-size: 4">←这是一个字符 < span style=" font - family:宋体;</p> . tab-size: 42">&#9←This one has come out too far.</p> . < span style=" font - family:宋体;tab-size: 8">&#9←说!</p>

太懒了;没有“运行代码”):

通过输入&#9在文本中插入制表符，或者(如果您确定文档是UTF-8编码的)按下制表键! 添加空白:预换行;到文本元素的CSS规则，以阻止空格字符(包括制表符)折叠。 添加tab-size: 4;到你的文本元素的CSS规则，以确保你的制表符宽度等于四个标准空格字符。

(在众多的回答和评论中，每一件事都有一些片段和线索，但没有一个像它的措辞那样把它们放在一起来回答这个问题。)

编辑:不幸的是，堆栈代码段将我的Unicode制表符转换为空格!因此，演示的这一部分(第2行)不起作用。如果通过代码格式化器运行代码，可能会遇到类似的问题。&#9避免了这些问题。