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

可能的方法:

<pre> ... </pre>

style="white-space:pre"

还有别的事吗?

当前回答

你可以使用 对于空格，<对于<(小于，实体号<)和>对于>(大于，实体号>)。

完整的列表可以在HTML实体中找到。

其他回答

我喜欢用这个:

在CSS中:

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

在你的HTML中:

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

你可以使用 对于空格，<对于<(小于，实体号<)和>对于>(大于，实体号>)。

完整的列表可以在HTML实体中找到。

也可以称为固定空间或硬空间，非换行空间(NBSP)用于编程和字处理，在一行中创建一个不能被换行破坏的空间。

使用HTML，  允许您创建在网页上可见的多个空间，而不仅仅是在源代码中。

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

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

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

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

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

HTML实现……

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

我的截图…

推荐文章