如何在內容溢出時使​​更改行？

Question

這是jsfiddle。正如你所看到的，我爲表設置了width:100px。顯然，由於標籤中的長字符串，當前表格的寬度不是100px。

我已經使用overflow:hidden以及word-wrap:break-word，但在這種情況下沒有用。誰能告訴我如何解決這個問題？

我想要長的字符串來改變線條，當它達到表格的最大寬度時，不添加垂直滾動條，只需增加<tr>標籤的當前高度。

Answer 1

您需要使用word-break，不word-wrap：

#convert-result td { 
    word-break:break-word; 
} 

JSFiddle demo。

而且你table元素的寬度在您所提供的代碼，不100%設置爲100px。你需要修改這個還有：

#convert-result table { 
    ... 
    width:100%; 
    ... 
} 

Fixed JSFiddle demo。

Answer 2

只是使用破字

#convert-result td { 
     word-break:break-word; 
}