html - 像最新的 Safari 一样使用空格换行文本：pre

Question

white-space: pre;当应用于<div>s 或s 时， Safari 可以很好地包装文本<textarea>，如下所示。

<textarea style="width:300px; white-space:pre; word-wrap:break-word;"> text. dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</textarea>

当一个单词到达max-widthtextarea 时，整个单词不会像您使用word-wrap: break-word;. 相反，它在 the 处拆分单词max-width并从左下角的换行符继续。我希望能够在所有主要浏览器中复制它，但如果它太麻烦的话，我会对 Firefox 和 IE 感到满意。

任何关于如何实现这一目标的想法/建议将不胜感激。

Answer 1

使用overflow-wrap或word-wrap。它们是同义词，但根据我的经验，word-wrap适用于大多数浏览器：

textarea {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

这将插入硬中断。

Answer 2

这对我有用

white-space: normal;
word-break: break-word;