我使用一个不带项目符号的列表来呈现“标签”外观。 (这是我在使用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>标记可能会更好。

阿菲克，唯一的办法就是使用

 

如果你可以使用CSS，那么你可以使用填充或边距。参看Box模型，而对于ie浏览器，也可参阅ie浏览器的Box模型bug。

下面是HTML提供的插入空白的3种不同方法

类型,要添加单个空格。 类型&ensp;加两个空格。 类型&emsp;加4个空格。

我已经使用了一个span与行内样式。我不得不这样做，因为我正在处理一个纯文本字符串，需要用4个空格(appx)替换\t。我不能使用&nbsp;在进一步的过程中，它们被解释，所以最后的标记有非内容空间。

HTML:

<span style="padding: 0 40px">&nbsp;</span>

我在一个php函数中使用了它:

$message = preg_replace('/\t/', '<span style="padding: 0 40px">&nbsp;</span>', $message);

尽管在HTML3中引入了<tab>标签，但它从未进入浏览器。我一直认为这是一种遗憾，因为如果我们拥有它，在许多情况下生活会轻松得多。但是你可以很容易地纠正这个错误，给你一个假的<tab>标签。在你的HTML头部或CSS中添加以下内容(没有样式标签):

<style>
    tab { padding-left: 4em; }
</style>

从那时起，当你需要在你的文档中添加一个选项卡时，把<tab>放在那里。它不是一个真正的制表符，因为它不与制表符标记对齐，但它可以满足大多数需求，而不必为笨拙的字符实体或跨度而犹豫不决。它使检查源代码变得非常容易，并且在你不想使用表格或其他更复杂的“解决方案”的地方格式化简单的东西。

这个解决方案的一个优点是，您可以快速搜索/替换文本文档，用<tab>标记替换所有tab。

你可以定义一堆真正的绝对位置制表符，然后在需要的地方使用适当的制表符(例如<tab2>或<tab5>或其他)，但我还没有找到一种方法来做到这一点，而不缩进后续行。