如何在使用javascript的行尾加密單詞

Question

這是我的編碼。 使用css作爲類連字符的結果，結果顯示在result1中。 但是，我想要的結果顯示在result2中。 另外，在結果1中，當只有幾個詞時，它會給單詞之間的差距造成很大的差距，這真的很難看。 現在有人如何解決這個問題？

--edit question--

什麼我問這裏是：我對輸入一個textarea和結果div標籤。 這是什麼方式，以便每當有一個單詞達到正確的界限時，該單詞就會突破一個新的界限，但是，目標就像結果2所示。 希望現在任何人都能理解。謝謝。

Div標籤具有寬度= 170像素，其

.hyphenate{ 
    text-wrap: suppress; 
    word-break: break-all; 
    word-wrap: break-word; 
    white-space: -moz-pre-wrap; 
    white-space: pre-wrap; 
    white-space: -o-pre-wrap; 
    white-space: pre-line; 
    width:170px; 
    text-align:justify; 
} 

-

<script type="text/javascript"> 
    function copyIt() { 
     var x = document.getElementById("textarea").value; 
     document.getElementById("result1").innerHTML = x; 
    } 
</script> 

-

<table border=2 width="160"> 
    <tr> 
     <td colspan=2> 
      <h1>Hyphenator Tester</h1> 
     </td> 
    </tr> 
    <tr> 
     <td width="160" valign="top"> 
      <textarea id="textarea" rows=5 cols=20 onkeyup="copyIt()"> 
       This is the preview of something What 
      </textarea> 
      <br><br>Result:<br> 
      <div id="result1" class="hyphenate"> 
       This is the preview of something what I've wrote earlier 
      </div> 
      <br>Result wanted:<br> 
      <div id="result2" class="hyphenate"> 
       This is the preview of some- thing what I've wrote earlier 
      </div> 
     </td> 
    </tr> 
</table> 

Answer 1

嘗試Hyphenator.js。