htmlのtable幅の設定について

tableにtable-layout:fixed;と記載し、th,tdの幅をそれぞれ固定するところまでは良いのですが、thの文字数を長くするとtdの方まではみ出てしまいます。

どうすればthの幅におさまってくれるのでしょうか？

質問者からの補足コメント

• ちょうど先程判明したのですが、「全角」だときちんと折り返されてthにおさまり「半角」だと突き抜けてしまうことがわかりました。

    補足日時：2017/02/16 07:44

No.3 回答者： debu120t 回答日時： 2017/02/17 09:49

WEBブラウザは、半角で同じ繰り返しの文字列を折り返さない性質を持っています。

「atariatariatariatariatariatariatariatariatariatari」
「123456789012345678901234567890」
とかでサンプル作ると、あれぇ？とか悩み始めると5時間くらい格闘しますね。

そうでない場合は、以下も参照してみてください。
「word-breakとword-wrapはややこしい」
https://w3g.jp/blog/confusing_word-break_word-wrap

No.2 回答者： t_fumiaki 回答日時： 2017/02/16 11:28

>>「半角」だと突き抜けてしまう。

英語圏向けの仕様の為。

半角でも折り返したいなら、
・・・fixed;の後ろにword-break:break-all;を追加する。

No.1 回答者： t_fumiaki 回答日時： 2017/02/16 07:31

それが原因では無い。

tableはfixでもautoでも、td内、th内に納まる様に、文字は自動で折り返される。

全体を書かないと、もう誰も解らないよ。