単語を壊す前にハイフンを追加する

Question

これは可能ではないかもしれませんが、単語を壊す前に長い文字列の末尾にハイフンを自動的に挿入する方法があるのでしょうか？このjsfiddleは、私が抱えている問題を示しています。ありがとうございました。

table { 
     width:200px; 
     word-wrap:break-word; 
     table-layout: fixed; 
     } 

<table> 
    <td>Pneumonoultramicroscopicsilicovolcanoconiosis</td> 
</table> 

Answer 1

私はあなたの最善の策は、javascriptの解決策だと思います。

• はあなたが望むものを正確に行いません（少なくともまだすべてのブラウザで）私が思うに、CSS3でhyphensプロパティがありますが、面白いかもしれません、あなたはそれhereまたは here上で読むことができます。

• それとも、ここで彼らは hyphenator少しもそれを議論し、JavaScriptのプラグインを言及：wordwrap a very long string

は、この一部の情報がお役に立てば幸いです。

Answer 2

のWebKitブラウザでこの作業をする必要があります：

table 
{ 
    width: 200px; 
    word-break: break-word; 
    -webkit-hyphens: auto; 
} 

これはiOSのChromeで私の作品ではなく、OS Xクローム。 Thisブログ投稿は他のブラウザのための解決策を説明していますが、それでもOS X Chromeでは私のためにはうまくいきませんでした。 - より良いあなたが必要なものを達成することができるJavaScriptのユーティリティを

table 
{ 
    -ms-word-break: break-all; 
    word-break: break-all; 

    // Non standard for webkit 
    word-break: break-word; 

    -webkit-hyphens: auto; 
    -moz-hyphens: auto; 
    hyphens: auto; 
} 

これはhyphenatorをチェックアウトし、必要なブラウザでは動作しない場合：

解決策が示されています。

Answer 3

このフィドルを参照してください、動作する可能性があります。

`http://jsfiddle.net/76qBy/`