<div>标签内的文本不显示单词之间的多个空格。

Question

Div中没有显示字符串之间的多个空格

例如:

我希望这个字符串'New Folder'被显示为'New     Folder'

- deepu

---

好的...现在字符串“New Folder”应该如何显示？在我看来，这就是预期的结果？ - Stephane Gosselin

Answer 1

这就是HTML的工作原理。空格会被压缩。看一下你的问题显示的方式就可以看到一个例子。

为了解决这个问题，可以将文本包装在<pre>标签中，或者使用 代替空格字符。

---

或者在div的CSS中添加white-space:pre。

- Ray

---

是的 - 我只是回来这个问题，添加那个建议 :) 但它不适用于IE 8及更早版本。 - Ray

@anothershrubery - 牛逼！在中文中意味着非常棒和令人敬畏！ - Courage

Answer 2

您还可以使用CSS来添加类似于<pre>标签的样式。使用

  div#where-you-want-the-whitespace {
      white-space: pre;
  }

- Mark A

Answer 3

尝试以下代码：

white-space: pre-wrap;

它可以帮助你做两件事情：

1. 保留你想要的空格。
2. 将文本包装，以使其在容器内干净地保持整洁。

- kintsukuroi

Answer 4

是的，这是在HTML中发生的，就像您输入并显示相同的内容一样....

您需要使用简单的HTML => &nbsp，或者使用<pre>标签.... 或者您还可以通过某个ID将变量分配给“span”标签... => *"span style='padding-left:20px'"*此行在“span”左侧的某些空格后开始

@*因为标记不接受此处所以使用“span”。

- Imran Khan