可能的方法:

<pre> ... </pre>

or

style="white-space:pre"

还有别的事吗?


当前回答

白色的空间?你就不能用填充吗?这是一个想法。这就是如何在元素周围添加一些“空白区域”。所以你可以使用以下CSS标签:

padding: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;

其他回答

你可以使用这个代码&#8287;在HTML内容中添加空格。对于制表符,使用它5次或更多。

在这里查看一个示例:https://www.w3schools.com/charsets/tryit.asp?deci=8287&ent=ThickSpace

试着&emsp;。

根据特殊字符的文档:

特征实体&ensp;和&emsp;表示一个en空格和一个em 分别是空间,其中en空间是点大小的一半,em空间是点大小的一半 空格等于当前字体的点大小。固定螺距 字体时,用户代理可以将en空格视为等同于A 空格字符,em空间等价于两个空间 字符。

我喜欢用这个:

在CSS中:

.tab { 
       display:inline-block; 
       margin-left: 40px; 
}

在你的HTML中:

<p>Some Text <span class="tab">Tabbed Text</span></p>

使用标准的CSS标签大小。

插入一个tab符号(如果是标准tab键,移动光标)按Alt + 0 + 0 + 9

.element {
    -moz-tab-size: 4;
    tab-size: 4;
}

我的首选:

*{-moz-tab-size: 1; tab-size: 1;}

查看标签大小的代码片段或快速找到的示例。

.t1{ -moz-tab-size: 1; tab-size: 1; } .t2{ -moz-tab-size: 2; tab-size: 2; } .t4{ -moz-tab-size: 4; tab-size: 4; } pre {border: 1px dotted;} <h3>tab = {default} space</h3> <pre> one tab text two tab text </pre> <h3>tab = 1 space</h3> <pre class="t1"> one tab text two tab text </pre> <h3>tab = 2 space</h3> <pre class="t2"> one tab text two tab text </pre> <h3>tab = 4 space</h3> <pre class="t4"> one tab text two tab text </pre>

在我常用的两个单词/句子之间插入制表符

&emsp;和&ensp;