表溢出问题

问题描述：

我面临着表一个很基本的问题是，对<td>细胞溢出文本流出指定的宽度表溢出问题

问题看上去就像下面的：

 
+--------------+ 
| [email protected]|.com 
+--------------+

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

 
+--------------+ 
| [email protected]| 
| .com   | 
+--------------+

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

http://stackoverflow.com/questions/ 1258416/word-wrap-in -html-table –

答

使用word-wrap CSS属性来包装一个固定的宽度内的文字td

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

@softgenic欢迎:) –

我想出了一件事情，它需要设置表格的'width'和'max-width'以使'word-wrap' prope rty工作。 –

@softgenic您需要添加宽度是因为td会自行调整大小，所以如果您为td使用固定宽度，那么您需要使用该属性来包装文本，以便文本不会溢出 –