这是一个很难看的解决方法，但是你可以这样做

var tab = '    ';

然后在字符串中使用tab变量。

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

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

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

我只想建议:

/* In your CSS code: */
pre
{
    display:inline;
}

<!-- And then, in your HTML code: -->

<pre>    This text comes after four spaces.</pre>
<span> Continue the line with other element without braking </span>

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

HTML:

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

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

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

你还可以使用:

p::before {
    content: "";
    padding-left: 30px;
}

然后用你想到的其他选择器替换p。

这是一个很难看的解决方法，但是你可以这样做

var tab = '    ';

然后在字符串中使用tab变量。