widthでtableの幅がうまく指定できない時

IEのバージョンや古いiphoneなどで、テーブルのtd幅を width で指定しても効いてくれないことがあります。

そんなときの対処法です。
その場合tableにtable-layoutのfixedを適用してあげると、指定することのできなかったテーブルの横幅を指定できるようになります。

また、レスポンシブ構築でうまく改行されないといった場合は

word-wrap: break-word;

上記でうまく解決できると思います。

tableは少し癖があって扱いづらいですが、この2つのCSSを知っていれば対処できる場合がるので便利です。

admin

cl0606

コメントを残す

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