跳到主要内容

HTML NBSP

提示
  1.  的作用:HTML中的 实体用于创建非换行空格,确保单词或字符组合在同一行中显示。
  2. 防止换行示例:使用 可防止屏幕尺寸变化时特定单词或数字换行,例如连接数量单位和数值。
  3. 创建额外空间:由于HTML中连续的空格被视为单个空格, 可用于生成多个连续空格以创建额外空间。

HTML   是一个用于非换行空格的 HTML 实体。它防止两个单词在不同行中渲染。例如,

<p>截至 2022 年,世界人口已达到 7.837&nbsp;亿。</p>

浏览器输出

HTML nbsp

在这里,7.837亿 将在所有屏幕尺寸上在同一行渲染。

&NBSP; 的示例

当我们需要两个单词在同一行中显示而不换行时,我们使用 &nbsp;。例如,

<p style="font-size: 30px">截至 2022 年,世界人口已达到 7.837 亿。</p>

浏览器输出

在上述示例中,我们可以看到 7.837亿 被显示在不同行上。

然而,为了无论屏幕大小如何都不换行地显示 7.837亿,我们使用 &nbsp;。例如,

<p style="font-size: 30px">截至 2022 年,世界人口已达到 7.837&nbsp;亿。</p>

浏览器输出

HTML nbsp

在这里,您可以看到,即使在同一屏幕尺寸下,7.837亿 现在紧密相连。

  用于额外空间

在 HTML 中,连续的多个空格字符不会被视为多个空格。相反,它们被视为单个空格。例如

<p>这是一个长段落。</p>
<p></p>

浏览器输出

HTML nbsp

因此,要添加多于一个的空格,我们可以使用 &nbsp; 实体。例如,

<p>
这是一个长
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;段落。
</p>

浏览器输出

HTML nbsp