为什么我的html表'max-width'不会导致文本换行?

时间:2010-04-17 15:29:13

标签: html css

我有一个html表,一列(或<td>)包含很长的单词。我想设置列的最大宽度,以便如果文本长于最大宽度,文本应自动换行到下一行。我尝试使用max-width在相应的<td>元素上设置css "max-width:100px"样式,但它不起作用。文本仍然很长,不会自动换行到下一行。

任何想法有什么问题或任何解决方案参考代码?我在Windows 7上使用IE 8。

4 个答案:

答案 0 :(得分:42)

您需要添加CSS3属性word-wrap: break-word;

答案 1 :(得分:7)

您可以在表格单元格中放置一个div。

该div中的任何内容都不会延伸表格单元格。

至少在IE8和Chrome中运行良好。

答案 2 :(得分:2)

旧的html td宽度将在IE 8中工作...但你想要最大宽度,而不是宽度...除了每个单元格所需的额外html属性。

答案 3 :(得分:1)

<td nowrap="wrap" style="width:100px;"></td>

所有浏览器..

不幸的是,您必须处理每个单元格内容以保持整个表格的固定宽度。有一个宽度属性,但它不控制任何东西..