如何防止html表格宽度因一个字过大而变大

Question

假设我有一张桌子：

<table width="100">
<tr>
<td>
hi i like you you are awesome blah blah blah no no no no
</td>
</tr>
</table>

那么表格将显示为 100px 宽度就好了

但是如果表格变成：

<table width="100">
<tr>
<td>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</td>
</tr>
</table>

由于内容只有一个单词，所以表格的宽度不是显示为100px，而是被放大以将整个巨大的aaaa单词放在一行中......有没有办法让宽度仍然保持在100px一个巨大的单词溢出成多行的场景？

Answer 1

Supercalifragilisticexpialidoceous！

As said recently in another question:

你应该试试这个 CSS 指令：

td { break-word: word-wrap; }

适用于许多浏览器（是的，包括 IE 6，甚至 IE 5.5，但不是 Fx 3.0。它只被 Fx3.5+ 识别。也适用于 Saf、Chr 和 Op，但我不知道确切的版本这些）并且不要对其他的造成任何伤害。

如果表格的宽度仍然乱七八糟，还有：

table { table-layout: fixed; }
th, td { width: some_value; }

这将迫使浏览器使用 other 表算法，它不会尝试适应许多情况，包括尴尬的情况，而是坚持样式表所说的内容。