Glacial Webwork : 駆け出し未満のデザイナー(自称)のお勉強ブログ。

tableの横幅がはみ出てしまうときの対処法

tableタグでwidth:100%を指定してもダメ。thタグやtdタグにwidth:100pxのように指定しても効果がない・・・もちろんmin-widthも効果がない・・・、そんなときの対処法です。

テーブルがはみ出てしまう原因

セル内に英単語があると単語の途中で折り返してくれないことが原因のようです。普通の英文はスペースを挟むので問題ないのですが、テーブル内にURLを記述すると陥りやすいケースだと思います。

 

CSSで以下の記述を追記すれば、解決します。

 

コメントを残す

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

CAPTCHA