保持div內的文字：換行符，空格和長字

Question

說我有以下字符串：

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

我希望它斷開：

• \\ n（總是）
• 空白（如果即將溢出）
• 長字（如果不適合整行）
• 但最好不要在可能適合下一行的隨機小單詞上使用（ 如何將“全部”限制為僅長單詞？ ）

基於從div流出的文本 ，我嘗試了：

    <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

我認為您的答案在於將“ \\ n”替換為“ <br />”。 HTML無法識別換行符-它需要<br />標記。