可能的方法:

<pre> ... </pre>

or

style="white-space:pre"

还有别的事吗?


当前回答

走一步比@Ivar和风格我自己的自定义标签像这样…对我来说,“tab”更容易记忆和输入。

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

HTML实现……

<p>Left side of the whitespace<tab>Right side of the whitespace</p>

我的截图…

其他回答

<span style=“padding-left:68px;”></span>

你还可以使用:

padding-left
padding-right
padding-top
padding-bottom

这是一个“Tab”文本(复制粘贴):" "

由于本网站的回答限制,它可能会显示不同或不是一个完整的选项卡。

如果您要求使用制表符来对齐某些行中的内容,您可以使用<table>。

将每一行放入<tr>…< / tr >。一行中的每个元素在<td>…< / td >。当然,你可以控制每个表格单元格的填充来调整它们之间的空间。

这样可以使它们对齐,看起来很漂亮:)

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

这个段落的第一行缩进大约5个字符,类似于标签缩进。

有关更多信息,请参见如何使用HTML和CSS创建制表符和空格。

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

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