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

Question

可能的方法:

<pre> ... </pre>

要么

style="white-space:pre"

还要别的吗？

Answer 1

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

  和  

Answer 2

在空间宽度/高度超出 我通常使用的情况下

用于水平间隔:

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

用于垂直垫片:

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

Answer 3

您可以使用 的空间,<为<(小于,实体号<),并>为>(大于,实体数>).

可在此地址找到完整列表:http://www.w3schools.com/html/html_entities.asp

Answer 4

尝试  

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

的字符实体 和 分别表示半角空格和全角空格,其中的连接空间是点尺寸的一半和一个全角空格是等于当前字体的点大小.对于固定间距字体,用户代理可以将en空间视为等效于空格字符,并将em空间视为等效于两个空格字符.

Answer 5

我想用这个:

在你的CSS中:

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

在您的HTML中:

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

Answer 6

SpacesHTML中的类型

在文本之间创建四个空格 -  

在文本之间创建两个空格 -  

在文本之间创建一个常规空间 -  

创造一个狭窄的空间(类似于常规空间但略有不同 - "&thinsp";

句子之间的间距 - "</br>"

此链接可能对您有所帮助.查看[ https://hea-www.harvard.edu/~fine/Tech/html-sentences.html]

Answer 7

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

本段的第一行将缩进约五个字符,类似于标签缩进

有关详细信息,请参见此处

Answer 8

比@Ivar 更进一步，并像这样设置我自己的自定义标签的样式......对我来说，'tab' 更容易记住和输入。

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

和 HTML 实现...

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

还有我的截图...

Answer 9

<span style="padding-left:68px;"></span> 你也可以使用填充左边填充 - 右边填充 - 顶部填充 - 底部

Answer 10

或者称为固定空格或硬空格，不间断空格(NBSP) 用于编程和文字处理中，以在行中创建不能被自动换行中断的空格。

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