jquery mobile button text自動改行

Question

ボタンのテキストがボタンの最後に達したときに自動的に改行したいと思っています。私たちの通常のjqueryモバイルスタイルそれは私のテキストを切り捨て、ここのような3個のドットを配置する場合： here

私はこれらのドットは、ここ（ホワイトスペースのように表示されないことを少しworkarroundが見つかりました：通常は動作しませんでした私のために） here

私はそれが自動改行を行うことができますか？

Answer 1

< CSS3では1つの単語を改行することはできませんが、CSS3にはword-breakと呼ばれる新しいcssキーワードがあります。これは明らかにCSS3ブラウザでのみ動作します。

あなただけのような、単一のボタンに適用するには、これをしたい場合は、あなたのボタンのCSSクラスを与える：

.myButton 
{ 
    word-wrap: break-word !important; 
    white-space: normal !important; 
} 

この意志：次に、このようなCSSスタイルを作成

<a data-role="button" class='myButton'>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</a> 

ボタンの指定された幅に単語を囲みます。

ここにデモするために更新されたjsFiddle exampleがあります。