问题:
设置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 | 只能在半角空格或连字符处换行。 |