表溢出問題

Question

我面臨着表一個很基本的問題是，對<td>細胞溢出文本流出指定的寬度

問題看上去就像下面的：

 
+--------------+ 
| abcdef@hotmai|.com 
+--------------+ 

我想要的在溢出文本轉到下一行。像下面的東西。

 
+--------------+ 
| abcdef@hotmai| 
| .com   | 
+--------------+ 

我嘗試下面的CSS，但因此未工作： max-width:20%; table-layout:fixed;

Answer 1

使用word-wrap CSS屬性來包裝一個固定的寬度內的文字td

table td { 
    word-wrap: break-word; 
}