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

Question

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

这是代码：

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

有人知道如何在不超过窗口大小的情况下在文本节点内创建新行吗？

Answer 1

将white-space 改为pre-wrap。

这也使文本行可以根据需要中断以填充元素框:)

更多信息：MDN - white-space