2008-10-27
テーブル内のセルを折り返し
セル内で自動改行させないっていうのは簡単に調べられました。
しかし、テーブルを「table-layout: fixed;」でレイアウトを固定して使いたい場合があって幅を固定すると折り返さずに
文字が隠れてしまいました。（折り返せる余白は十分にあるのに・・・）
テーブル要素セル内文字列の折り返しでわかったのですが半角英数はIEでは「word-break:keep-all;」単語の途中では改行しないって項目があったり。。。（コレが標準設定なのかな？）
word-break:break-all; にすることで無事折り返してくれました。
しかし、テーブルを「table-layout: fixed;」でレイアウトを固定して使いたい場合があって幅を固定すると折り返さずに
文字が隠れてしまいました。（折り返せる余白は十分にあるのに・・・）
テーブル要素セル内文字列の折り返しでわかったのですが半角英数はIEでは「word-break:keep-all;」単語の途中では改行しないって項目があったり。。。（コレが標準設定なのかな？）
word-break:break-all; にすることで無事折り返してくれました。
| WEB::Tips | comments (0) | trackback (0) |