td因内容太长导致width增加或设置百分比无效​​​​​​​

问题：

设置td的width后会因为文本太长导致width大于设置的值

解决思路：

td是tr的一部分，在一个tr中如果某个td的填充内容的宽度大于设置的属性值时会挤压其余空白的td从而获取显示空间

为table设置一些属性

word-wrap: break-word;    //允许长单词换行到下一行：

word-break: break-all;   //在恰当的断字点进行换行：

 

另附：

word-wrap的有效值

值	描述
normal	只在允许的断字点换行（浏览器保持默认处理）。
break-word	在长单词或 URL 地址内部进行换行。

word-break 的有效值：

normal	使用浏览器默认的换行规则。
break-all	允许在单词内换行。
keep-all	只能在半角空格或连字符处换行。