Tableがどうしても親要素をはみ出す。
ぐぬぬ・・・。どうするんだ、と調べました。



今回は
table-layout: fixed;
ってcssのプロパティを使います。



先日、↓↓↓な感じで半角英数字が折り返されずに、テーブルが親要素をはみ出す場合がありました。

20110908_01


とりあえずまず思いつくのが word-wrap: break-word; や white-space: pre-wrap; ですが、
うーん。tableの中だとなかなか思うようにならず・・・。

そこで、table-layout: fixed; を適用します!




プロパティの詳しい解説は HTMLクイックリファレンス 様にて!