帶填充單元格中的換行符的JqueryMobile表

我有一個與jQuery Mobile表有關的問題。我有一個如下所示的表格（在下面的代碼中），它是使用floatThead的固定標題水平滾動的。
而某些「td」文本可能非常長，例如文章描述。
目前它只是使用完整的空間，並沒有增加任何「br」。
並以此行爲減少了其他元素的可用空間。順便說一句，內容將被動態添加。

我的問題是現在，如果文本變得很長，是否有可能在那個長「td」文本中強制換行？在表格單元格內排序一個br？
帶填充單元格中的換行符的JqueryMobile表

<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>

來源

2016-08-16 TheWandererr

就目前立，<table>試圖完美，因爲沒有寬度的設置調整單元，可以通過設置寬度的上<th>標籤做到這一點。這樣做會使帶有空白區域的元素自動進入<br />的新行，如時尚。

因爲您的示例中似乎沒有空白區域。您可以使用word-break像這樣：

td { 
    word-break: break-all; 
}

我提供了一個example，我厚着臉皮不增加寬度的到<th>標籤和偷懶，寬度增加了表，但你可以看到使用的結果word-break

來源

2016-08-16 10:29:05

嘿，謝謝你，那差不多呢，哇。有什麼方法可以在某個單詞之後或者在可能的空間之後設置這個中斷？ – TheWandererr

如果文本中有空格，並且表格具有某種設置寬度，它應該自然地在空間中分解。這只是一個添加'寬度' –

的情況，不幸的是，它並沒有自然的做到這一點，即使設置了寬度:(。如果需要，它只是切斷了這個詞，但這裏可能有一些問題 – TheWandererr

帶填充單元格中的換行符的JqueryMobile表

回答

相關問題