饲养文本：无论换行，空格和长单词

Question

说我有以下字符串：

"This line should always break on newline \n, spaces if it is about to overflow and veryLongLinksThatDoNotFitInsideTheDiv" 

我希望它打破：

• 成\ n（总是）
• 白空间（如果它不适合对整个单行）
• 但是优选不上（如果它是要溢出时）
• 的长型字基于text flowing out of div，可以适应下一行随机小言（How to limit break-all to only long words?）

，我想：

<div id="log" style="word-break: break-all"></div> 
    <!-- <div id="log" style="word-wrap: break-word"></div> --> 
    <!-- <div id="log" style="white-space: pre-line"></div> --> 
    <!-- <div id="log" style="white-space: pre; word-break: break-all"></div> --> 

但我不能得到所有3（也不4）标准满足。

小提琴：https://jsfiddle.net/6kq14cfc/

Answer 1

您可以使用

<div id="log" style="overflow-wrap: break-word;white-space: pre-wrap;"></div> 

或

<div id="log" style="word-wrap: break-word;word-break: normal;white-space: pre-wrap;"></div> 

Answer 2

我觉得你的答案就在于用 “< BR/>” 取代 “\ n”。 HTML无法识别新行字符 - 它需要代替< br/>标记。