ボタンのテキストがボタンの最後に達したときに、ボタンのテキストが自動的に改行されるようにします。通常のjqueryモバイルスタイルを使用すると、テキストが切り捨てられ、次のように3つのドットが配置されます: ここ
これらのドットがここのように表示されないという小さな回避策を見つけました(空白:通常は機能しませんでした) ここ
自動改行を行う方法を誰かが考えていますか?
< CSS3 では単一の単語を改行することはできませんが、Word-break と呼ばれる CSS3 の新しい css キーワードで改行できます。これは明らかに CSS3 ブラウザーでのみ機能します。
次のように、これを単一のボタンにのみ適用する場合は、ボタンに css クラスを与えます。
<a data-role="button" class='myButton'>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</a>
次に、次のような CSS スタイルを作成します。
.myButton
{
word-wrap: break-word !important;
white-space: normal !important;
}
これにより、単語がボタンの指定された幅に折り返されます。
デモ用に更新されたjsFiddle の例を次に示します。