如何防止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; }

这将强制浏览器使用其他表格算法，它不会尝试适应许多情况，包括笨拙的情况，但坚持样式表所说的内容。