[分享]css中 nbsp是什么意思

在CSS中，我们常常会看到 这个东西。它看起来似乎是一个空格，但它又不是普通的空格。那么 到底是什么呢？ 的全称是Nonbreaking Space，即“不间断空格”。在HTML中，我们使用 来表示一...

在CSS中，我们常常会看到 这个东西。它看起来似乎是一个空格，但它又不是普通的空格。那么 到底是什么呢？

 的全称是Non-breaking Space，即“不间断空格”。在HTML中，我们使用 来表示一个空格，但 和普通的空格还是有所不同的。

普通空格是可以被文本编辑器和浏览器自动忽略的，也就是说如果在段落中连续输入多个空格，只会显示一个空格。而 则不同，它是被浏览器强制渲染的空格，无论有多少个 连在一起，都只会显示一个空格。

比如，下面两行文本在HTML中的代码是一样的，但是在浏览器中却会显示不同的效果：

<p>第一行文本：这是一段    有多个空格的文本。</p>
<p>第二行文本：这是一段      有多个连续的不间断空格的文本。</p>

第一行文本中的多个空格会被自动忽略，只显示一个空格；而第二行文本中的多个 却会被强制渲染为一个不间断的空格。

除了 之外，还有一个表示空格的HTML实体字符，叫做 ，它和 作用一样，只不过使用的实体名称不同而已。

在CSS中，我们也可以使用 来表示一个不间断的空格。比如，在CSS样式中，我们可以这样定义：

p {
  margin-left: 20px;
  text-indent: 2em;
  white-space: nowrap;
}

上面的CSS样式中，white-space: nowrap;表示不折行，也就是不允许出现换行符，同时若有多个空格连在一起，则不会被自动忽略，而是被强制渲染为一个不间断的空格。

总的来说， 在HTML和CSS中都表示一个不间断的空格，它可以用来保证文本的排版、对齐等效果。