飼養文本：無論換行，空格和長單詞

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/>標記。