如何防止html表格宽度因一个单词过大而扩大

假设我有一张桌子：

<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>

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

由于内容只有一个字，而不是以100px的形式显示，因此表格的宽度将被放大，以便在一行中容纳整个巨大的aaaa字……在这种情况下，有没有办法通过将巨大的单个字溢出到多行中，使宽度仍然保持100px？

SuperCaliragilisticExpialidocial

:

您应该尝试以下CSS说明：

td { break-word: word-wrap; }

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

如果表的宽度仍然混乱，则还有：

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

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