我已经使用了一个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);

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

类型,要添加单个空格。 类型 加两个空格。 类型 加4个空格。

你还可以使用:

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

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

我们可以像这样使用style="white-space:pre":

<p>Text<tab style="white-space:pre">        </tab>: value</p>
<p>Text2<tab style="white-space:pre">   </tab>: value2</p>
<p>Text32<tab style="white-space:pre">  </tab>: value32</p>

里面的空白处填满了制表符，制表符的数量取决于文本。

它看起来是这样的:

Text    : value
Text2   : value2
Text32  : value32

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

var tab = '    ';

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

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

 

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