HTML表格格式問題

我有一個包含兩列的HTML表格。對於最後一行，我想要發生以下情況：HTML表格格式問題

將會有一個跨越兩列的單元格。（colspan =「2」）這個單元格的寬度不會超過表格的寬度。任何時候，該單元格中的文字變得太大，我希望它跨越另一行，但不會增加表格的寬度。值得注意的是，我希望表格的寬度適合於包含兩列而不擴展到另一行（不包括最後一行）所需的寬度。

編輯：我有什麼不工作。問題是，如果「真正長文本」變得太長，那麼它會擴展其他「文本」消息而不是添加新行。

<table> 
<tr><td>text</td><td>text</td></tr> 
<tr><td colspan="2">really long text</td></tr> 
</table>

來源

2011-08-19 WillHaack

和你有什麼企圖至今？ –

你目前的標記不起作用？ –

考慮修改你的問題，這是非常低的質量，帖子標記，發佈你試過的東西。 – Jakub

你的最後一排，包裝在一個div內容，並給它的寬度，如100％，這樣就不會增加表的寬度，但只是環繞。

<td colspan="2"> 
    <div style="width:100%"> The content here</div> 
</td>

既然你標記這個問題的HTML和CSS我要告訴你，如果你想要的內容動態地創建一個新的行，你將不得不使用JavaScript。沒有腳本是不可能的，至少不是我所知道的。

來源

2011-08-19 17:16:55 Ibu

我試過這個，但它仍然在擴大表 – WillHaack

你有沒有嘗試過固定的寬度？ – Ibu

你需要用「word-wrap：break-word;」來描述你的TD風格。併爲表格或TD設置最大寬度。

<table><tbody> 
    <tr> 
    <td>text</td> 
    <td>text</td> 
    </tr> 
    <tr> 
    <td colspan="2" style="max-width:40px; word-wrap: break-word;">really long textsadfadfadfadfadfadsfadfadsfadfadsfasdfasdfasdfasdfasdfasdfasdfasdfa</td> 
    </tr> 
</tbody></table>

這會產生這樣的表（無邊框），最後行只是增加了高度，如果文本是不再那麼它適合寬度：

enter image description here

來源

2011-08-19 17:50:58

@WillHaack - 請參閱http://jsfiddle.net/uDGbm/，以獲取可供玩家使用的示例小提琴。 –

@Stephen P - 不錯的應用程序，感謝分享:)（+1） –

HTML表格格式問題

回答

相關問題