テーブル内で改行を防ぐには

質問

td要素内に記述したテキストは通常、自動改行されますが、数字の場合自動改行されません。そのため横スクロールする必要があったり、サイトデザインがくずれたりします。
自動改行をされるようにするにはどうしたら良いでしょうか。
例えば、下記のようなソースです。
<table><tr><td>
012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789</td></tr></table>

回答No.1

quads · ベストアンサー

frequent な質問ですが、連続した半角英数字および半角記号の文章を自動改行させることは容易ではありません。
多くのWWWブラウザは連続した半角英数字を一語と見做して、親要素の幅を無視して一行で表示しようとします。
しかしながら、"ハイフン(-)"記号は語の区切りと解釈するブラウザも多いため、ハイフンの前後で自動改行が行なわれる可能性があります。

ただし、そうでない一部のブラウザでは改行されません。
word-break関連プロパティが実装されていれば可能かもしれません。

参考URL：

http://forum.mozilla.gr.jp/?mode=al2&namber=6847&rev=&&KLOG=47

お礼

よく理解できました。
ありがとうございました。