全角空格被解释为汉字,所以不会被被解释为HTML分隔符,可以按照实际的空格数显示。

二、使用空格的替代符号

替代符号就是在需要显示空格的地方加入替代符号,这些符号会被浏览器解释为空格显示。

空格的替代符号有以下几种:

名称 编号 描述
    不断行的空白(1个字符宽度)
    半个空白(1个字符宽度)
    一个空白(2个字符宽度)
    窄空白(小于1个字符宽度)

可以用名称或编号作为空格的替代符号,名称必须小写,末尾的“;”不能省略。

欢  迎  光  临!

显示效果为:欢  迎  光  临!

三、使用CSS的 white-space 属性

CSS的white-space属性用于设置文本中空格的处理方式,当white-space属性取值为pre时,浏览器会保留文本中的空格和换行,这样你就可以直接在文本中使用空格和回车了。

这种方法特别适合于在网页中显示程序代码。比如:显示一段C程序代码。

<div style=" white-space:pre ">int sub(int x,int y){    int z;    if( x&gt;y )        z = x-y;    else        z = y-x;    return z;}</div>

显示效果为:

int sub(int x,int y){    int z;    if( x>y )        z = x-y;    else        z = y-x;    return z;}

使用HTML的<pre>标签也可以达到类似的效果,但<pre>标签有一些不太好的特性,不如使用CSS的white-space属性更方便。

四、使用CSS的 letter-spacing 属性

CSS的letter-spacing属性用于设置文本中字符之间的间隔,它的取值可以是一个带单位的长度值,浏览器会在字和字之间设置指定长度的空白。比如:

<div style=" letter-spacing:30px ">欢迎光临!</div>

显示效果为:

欢迎光临!

注意,如果文本中有英文单词,则空白会加在字母之间,而不是单词之间。

五、使用CSS的 word-spacing 属性

CSS的word-spacing属性用于设置文本中单词之间的间隔,它的取值可以是一个带单位的长度值,浏览器会在单词和单词之间设置指定长度的空白。比如:

<div style=" word-spacing:30px ">Happy new year!</div>

显示效果为:

Happy new year!

注意,HTML是以空格来区分单词的,它会把单词间的空白按指定长度显示。

六、使用CSS的 text-indent 属性

CSS的text-indent属性用于设置首行缩进,它的取值可以是一个带单位的长度值,浏览器会在段落的首行开始处设置指定长度的空白。比如:

<div style=" text-indent:2em ">欢迎光临!</div>

显示效果为:

欢迎光临! 1.&nbsp;(常用) 不换行 空格 ,全称No-Break Space,它是按下space键产生的 空格 空格 不会累加(只 显示 一个 )。使用html表示才会累加,该 空格 占据宽度受字体影响。 2.&ensp; 半角 空格 ,全称En Space,en为em宽度的一半(em类似于px受设置不同为20px=1em或其他自定义大小)。占据0.5个中文宽度,不受字体影响。 3、&em... &#32; 英文半角 空格 连续的&nbsp;会在同一行内 显示 。即使有无数个连续的&nbsp;, 浏览器 也不会把它们拆 两行。 参考链接:https://www.jianshu.co 1.&amp;nbsp;(常用) 不换行 空格 ,全称No-Break Space,它是按下space键产生的 空格 空格 不会累加(只 显示 一个 )。使用html表示才会累加,该 空格 占据宽度受字体影响。 2.&amp;ensp; 半角 空格 ,全称En Space,en为em宽度的一半(em类似于px受设置不同为20px=1em或其他自定义大小)。占据0.5个中文宽度,不受字体影响。 3、&amp;emsp; ... 关于HTML,基本上作为程序员我们都会用到,本篇内容我们主要是针对刚入门的学员们,介绍两种在HTML中插入 空格 的方法。方法1、插入单个 空格 和制表符1、插入 一个 空格 。一般来说,无论你按多少次 空格 键,HTML也只会在 单词 显示 一个 空白 隔。当你需要插入多个 空格 时,请输入或代码。 它们名为“ 空格 占位符”,你输入几个,就能在页面中 显示 几个 空格 。之所以称之为非 空格 ,是因为这样不会产生换行符。... 关于 在html中多个 空格 会被 浏览器 缩为 一个 ,所以我们要用 来达到多个 空格 的目的。不过后来我都用全角 空格 比较方便。觉得 很难记,今天查了一下,找到了英文意思才好记一些。nbsp即non-breaking space,与一般的 空格