tableタグのセル内で半角英数字が連続し、レイアウトが崩れる場合の対処(word-break:break-all)

11月 8th, 2010

tableタグにstyle=”word-break:break-all”を追加するだけ。
・・・ではあるものの、このやり方だと(確認したブラウザはIE/Chrome/Firefox/Operaの4種)IE/Chromeはこの対応で大丈夫だったが、
Firefox/Operaはword-break:break-allに未対応だった。


色々調べるとJavaScriptでtableを再描画し、その対応しているライブラリを公開されている方がいた。

http://blog.webcreativepark.net/2008/09/14-211341.html

使い方は上記サイトを確認して下さい。
ただ難点として上記ライブラリはJavaScriptでtableの書き換えを行っているため、これを使うとそのtableタグ内の文章は[Ctrl]+[F]での画面内検索で引っかからなくなります。

カテゴリー: 開発

Leave a comment

コメントフィード1件のコメント

  1. WordPressのレイアウト崩れの原因がわからない!? | 社長の習慣

    […] このサイトの症状と同じです。↓ tableタグのセル内で半角英数字が連続し、レイアウトが崩れる場合の対処(word-break:break-all) […]

Leave a comment

コメントは承認待ちです。表示されるまでしばらく時間がかかるかもしれません。

Feed

http://blog.yume-dia.jp / tableタグのセル内で半角英数字が連続し、レイアウトが崩れる場合の対処(word-break:break-all)