如何在不使用“style = white-space：pre”的情况下使用新行创建文本节点？

Question

我正在尝试在其中添加包含新行的textnode（我的文本包含\n和x0a）。我找到了这样做的方法，使用white-space: pre，它可以工作，但问题是内容不适合父div，我在文本中得到了新行，但是当行很长时，它超越了窗户。

这是代码：

var textdata = document.createTextNode(text_with_multiples_lines);
PanelBody.style = "white-space: pre;"
PanelBody.appendChild(textdata);

有人知道如何在不超出窗口大小的情况下在textnode中创建新行吗？

Answer 1

将white-space改为pre-wrap。

这也可以根据需要打开文本行以填充元素框：）

更多相关内容：MDN - white-space