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

可能的方法:

<pre> ... </pre>

style="white-space:pre"

还有别的事吗?

当前回答

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

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

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

其他回答

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

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

在我的例子中，我需要在每段的开头插入，所以我做了下面的事情，它对我很有效，我希望它能帮助到别人

p:first-letter {
    margin-left: 20px
}

空格的宽度/高度超出 我通常使用:

对于水平垫片:

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

对于垂直垫片:

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

<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创建制表符和空格。

试着&emsp;。

根据特殊字符的文档:

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

推荐文章