title: How to convert sentence in css work break rule to \n string?
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div style="width:30px;word-break:break-word"&gt;
  some
  &lt;/div&gt;
  &lt;div&gt;
  &lt;/div&gt;
  &lt;div style="width:10px;word-break:break-word"&gt;
  words
  &lt;/div&gt;
  &lt;div style="width:50px;word-break:break-word"&gt;
  wordswo大佬123words
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>There are some words in a div box styled width. </p>
  
  <p>These words wraps by css word break rule.</p>
  
  <p>Is there any way to convert them to a string split with \n or can we know a char in which line?</p>
  
  <p>In the demo,  the 'some' should be 'so\nme', the 'word' should be 'w\no\nr\nd\ns', the 'wordswowords' should be 'words\nwo大\n佬\n 123wo\nrds'</p>
  
  <p>If all is english，it seems simple. But with Chinese, the result becomes difficult to understand.</p>