キープテキスト：改行、空白と長い単語

Question

両方が、私は次の文字列を持っていると言う：

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

私はそれが壊したく：

• \ nを（常に）
• 好ましくないの空白（オーバーフローしそうであるならば）
• （それは全体の1行に収まらない場合）長い単語
• しかし、次の行に収まる可能性がランダム小さな単語が（How to limit break-all to only long words?）

text flowing out of 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

私はあなたが答えは "< BR/>" と "\ n" を交換することにあるだと思う使用することができます。 HTMLは改行文字を認識しません。代わりに< br/>タグが必要です。