限制一個長字的td最大寬度，減少一行

Question

嗨，我找不出如何去做。

我想限制一個表'td'，但在我的情況下td可以是一個非常長的單詞（文件路徑...）。所以它不會往下走線...

這裏是我的小提琴：http://jsfiddle.net/ywSvr/454/

<table> 
    <tr> 
    <td><div style="display: inline-block; width: 150px;"></div></td> 
    </tr> 
</table> 

<table> 
    <col> 
    <tr> 
    <td>sadfsaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td> 
    </tr> 
</table> 

CSS：

td { 
    border: 1px solid black; 
} 
col { 
    width: 150px; 
} 

我怎樣才能解決這個問題呢？

Answer 1

只要您的表格元素已被賦予大小，您可以使用css屬性word-wrap:break-word;來打破單詞。

http://jsfiddle.net/sLnrsesh/