JqueryMobileテーブルに塗りつぶされたセルの改行があります

Question

jQuery Mobileテーブルに関する質問があります。 私はfloatTheadを使って固定ヘッダーで水平スクロール可能なこのような（以下のコードで）表を持っています。
また、「td」のテキストの一部は、例えば記事のように長く書くことができます。
現時点では、完全なスペースを使用しているだけで、「br」はまったく追加されません。
その動作で、他の要素の使用可能な領域が減少します。そして、コンテンツは動的に追加されます。

私の質問は今、テキストが長くなるとその長い "td"テキストに改行を強制することは可能ですか？テーブルセル内のbrの並べ替え？現在立つものとして

<div id="containerDiv"> 
<table class="ui-responsive ui-shadow gk-decorate tableClass" id="tableId" is="jqm-table" data-role="table"> 
    <thead> 
    <tr> 
     <th data-priority="1"><abbr>Header 1</abbr></th> 
     <th data-priority="1"><abbr>Header 2</abbr></th> 
     <th data-priority="1"><abbr>Header 3</abbr></th> 
     <th data-priority="1"><abbr>Header 4</abbr></th> 
     <th data-priority="1"><abbr>Header 5</abbr></th> 
     <th data-priority="1"><abbr>Header 6</abbr></th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr id="someId"> 
     <td>Content</td> 
     <td>Content</td> 
     <td>LooooooongContent</td> 
     <td>RealllllllyLooooongContent</td> 
     <td>Content</td> 
     <td>Content</td> 
    </tr> 
    <tr id="someId"> 
     <td>Content</td> 
     <td>Content</td> 
     <td>LooooooongContent</td> 
     <td>RealllllllyLooooongContent</td> 
     <td>Content</td> 
     <td>Content</td> 
    </tr> 
    <tr id="someId"> 
     <td>Content</td> 
     <td>Content</td> 
     <td>LooooooongContent</td> 
     <td>RealllllllyLooooongContent</td> 
     <td>Content</td> 
     <td>Content</td> 
    </tr> 
    <tr id="someId"> 
     <td>Content</td> 
     <td>Content</td> 
     <td>LooooooongContent</td> 
     <td>RealllllllyLooooongContent</td> 
     <td>Content</td> 
     <td>Content</td> 
    </tr> 
    <tr id="someId"> 
     <td>Content</td> 
     <td>Content</td> 
     <td>LooooooongContent</td> 
     <td>RealllllllyLooooongContent</td> 
     <td>Content</td> 
     <td>Content</td> 
    </tr> 
    </tbody> 
</table> 

Answer 1

、<table>は完全にセルのサイズを変更しようとしているがない幅のセットがあるので、あなたは<th>タグに幅のを設定することによってこれを行うことができます。これを行うと、空白の要素が自動的に<br />の新しい行に移動します。

あなたの例では空白がないようです。あなたはそのようword-breakを使用することができます。

td { 
    word-break: break-all; 
} 

私は生意気<th>タグに幅のを追加して、怠惰にしてテーブルに幅を追加していますが、使用しての結果を見ることができませんexampleを提供してきましたword-break