如何使用HTML / CSS在文本中插入空格/制表符?

可能的方法:

<pre> ... </pre> 

要么

 style="white-space:pre" 

还要别的吗?

如果空间的宽度/高度超过了&nbsp; 我通常使用

为横向隔离器:

 <span style="display:inline-block; width: YOURWIDTH;"></span> 

垂直隔离器:

 <span style="display:block; height: YOURHEIGHT;"></span> 

在我通常使用的两个单词/句子之间插入tab space

&emsp;&ensp;

您可以使用&nbsp; 对于空间来说, 对于< (小于实体编号)和&gt; 对于> (大于实体编号)。

完整的列表可以在这个地址find: http : //www.w3schools.com/html/html_entities.asp

尝试&emsp;

根据https://www.w3.org/MarkUp/html3/specialchars.html上的文档;

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

我喜欢用这个:

在你的CSS中:

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

在你的HTML中:

 <p>Some Text <span id="tab">Some Tabbed Looking Text</span></p> 
 <p style="text-indent: 5em;"> The first line of this paragraph will be indented about five characters, similar to a tabbed indent. </p> 

本段的第一行将缩进大约五个字符,类似于一个选项卡式缩进

在这里看到更多的信息

<span style="padding-left:68px;"></span>你也可以使用padding-left padding-right padding-top padding-bottom

如果您要求制表符在某些行中alignment,可以使用<table>

把每一行放在<tr> ... </tr>

以及<td> ... </td>该行内的每个元素

当然你可以随时控制每个表格单元的填充来调整它们之间的空间

这将使他们alignment,他们会看起来很不错:)

这工作对我来说:在我的CSS我有:`

 tab0 { position:absolute;left:25px; } tab1 { position:absolute;left:50px; } tab2 { position:absolute;left:75px; } tab3 { position:absolute;left:100px; } tab4 { position:absolute;left:125px; } tab5 { position:absolute;left:150px; } tab6 { position:absolute;left:175px; } tab7 { position:absolute;left:200px; } tab8 { position:absolute;left:225px; } tab9 { position:absolute;left:250px; } tab10 { position:absolute;left:275px; } 

然后在HTML中我只是使用我的标签:

 Dog Food <tab3> :$30 Milk <tab3> :$3 Pizza Kit <tab3> :$5 Mt Dew <tab3> :$1.75