HTML 中的 &nbsp

引言

HTML 中有一些保留字符。因此，我们必须借助字符实体来表示这些字符。我们可以通过以下方法实现这些字符实体。

1. 在第一个示例中，我们展示了保留字符的实体名称。
2. 在第二个示例中，我们使用了实体编号来显示字符。

&nbsp 实体

1. 它是一个字符实体，表示不换行或固定空格。
2. 我们可以借助此实体提供空格，并且此空格不会将行拆分为新行。
3. 它也类似于常规空格。

语法

我们可以通过以下语法实现 &nbsp 实体

示例 1

输出

说明

在上面的代码中，我们提供了 &nbsp 实体，它允许在特定行中出现多个空格。因此，要创建多个空格，每次需要空格时都必须添加  。

如何在 HTML 中使用 &nbsp 添加不换行空格

即使我们在 HTML 代码中提供超过两个空格，浏览器也只会显示一个空白空格。因此，我们可以借助字符实体（如  ）来实现这一点。让我们看一个不使用字符实体（如  ）的示例。代码如下所示。

代码

输出

说明

在上面的代码中，我们在单词之间提供了超过两个空格。但是浏览器默认只接受一个空格。

现在让我们借助 &nbsp 再次编写上述代码。

示例 2

输出

说明

在上面的代码中，我们看到段落中的两个单词之间有 5 个空白空格。这是因为我们在段落的两个单词之间插入了   5 次。因此，没有  ，代码中就不可能存在字符实体。

如果您的代码中需要大量空格怎么办？

如果段落中需要 10 个空白空格，我们该怎么办？如果编写 10 次 &nbsp，代码肯定会变得更加多样化和有趣。因此，我们必须使用   字符实体表示 2 个不换行空格，并使用   字符实体表示 4 个不换行空格，而不是  。

示例 3

输出

说明

在上面的代码中，我们借助   一次（4 个空格）和   一次（1 个空格）插入了 5 个空白空格。

为什么您的代码中需要不换行空格？

有时，当不需要换行时，HTML 会在单词之间提供换行。我们可以借助字符实体来防止这种情况。当我们在单词之间插入字符实体时，它只在两个单词之间提供空格，但绝不会将行拆分为新行。让我们看下面的代码。

示例 4

输出

结论

在上面的文章中，我们已经看到，通过使用和实现  、  和   字符实体，您可以在浏览器中显示空白空格。这仅仅使用空格键是不可能的。