Как предотвратить увеличение ширины 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!

Как недавно сказал другой вопрос :

Вы должны попробовать эту инструкцию 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; }

, который заставит браузер использовать другой табличный алгоритм, в котором он не пытается адаптировать многие ситуации, включая неловкие, но придерживается того, что говорит таблица стилей.