幅固定テーブルなのに自動改行(折り返し)されずに、幅が広がる問題について

【この記事の所要時間 : 約 2 分

幅を固定してテーブルのセルに半角英数字を連続して入れると、自動改行(折り返す)されずにwidth幅以上にテーブル幅が広がってしまうという問題がある。
これの原因は、空白文字を含まない長い半角英数字はひとつの英単語と見なされるのか、自動折り返しがされない。日本語などとちがい英語などはスペースがないとどこで改行していいのかわからないためと思われる。そのような具体例としては、長いURLや、aaaaaaaaaaaaaaaaaaaなどなど。
いわゆる「カラム落ち」を防ぐには
教えて!goo : 質問:<table>の幅の設定のことでの疑問
テーブルのセルに半角英数字のみを入れたときも改行するには?
対策としては、IE5.5以上なら<table>→<table style="word-break:break-all;">で、幅固定で強制的に改行できる。ただし、FireFoxなどは相変わらず自動改行されないまま。FireFoxなどでも自動改行するなら、php側で、半角英数字が何文字連続すれば<br>タグを入れるなどの処理をいれれば可能。
より詳しく知りたい方はこちらへ

スラスラわかるHTML&CSSのきほん
狩野 祐東
SBクリエイティブ
売り上げランキング: 4,575
スポンサーリンク
レクタングル(大)広告
  • このエントリーをはてなブックマークに追加
スポンサーリンク
レクタングル(大)広告

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です