Javascript：Textarea到html，如何在html中保存精确的空格数？

Question

如果将textarea的值放入html中，如何在单词之间保存确切的空格数？

<textarea>word "10 whitespaces here" word "20 whitespaces here" word</textarea>

HTML：

<div style="width:50px;overflow:hidden;">word "10 whitespaces here" word "20 whitespaces here" word</div>

这样div中的所有文本都可见。

Answer 1

假设您是从头开始创建div，可以使用HTML友好 来替换空格。

var newDiv = document.createElement("div");
// the below replaces two spaces with "  "
newDiv.innerHTML = value.replace(/  /g, "  ");

Answer 2

使用CSS属性white-space: pre或将空格替换为 。