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

可能的方法：

<pre> ... </pre> 

要么

 style="white-space:pre" 

还要别的吗？

Answer 1

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

为横向隔离器：

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

垂直隔离器：

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

Answer 2

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

  和 

Answer 3

您可以使用  对于空间来说， 对于< （小于实体编号）和> 对于> （大于实体编号）。

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

Answer 4

尝试 

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

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

Answer 5

我喜欢用这个：

在你的CSS中：

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

在你的HTML中：

 <p>Some Text <span id="tab">Some Tabbed Looking Text</span></p> 

Answer 6

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

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

在这里看到更多的信息

Answer 7

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

Answer 8

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

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

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

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

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

Answer 9

这工作对我来说：在我的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