犬ターネット

要素内で指定幅で自動改行させたいんだけど

2011-07-04 css

長いURLなんかを埋め込むと以下のように文字列がはみ出してしまう。

http://unkounkounkounkounkounkoqwertyuiopasdfghjklzxcvbnm.example.com

でも、こういうcssを設定してあげれば指定幅で自動改行されることがわかった。

.ww {
  width:200px;
  word-wrap: break-word;
  word-break:break-all;
}

http://unkounkounkounkounkounkoqwertyuiopasdfghjklzxcvbnm.example.com

でも td タグに上記 css を設定しても、Firefox だと無視される(以下はFirefoxで見ると表示がおかしくなるはず)

http://unkounkounkounkounkounkoqwertyuiopasdfghjklzxcvbnm.example.com

td > div class="ww" のように td の中に div 入れ子にしないとダメっぽい。

http://unkounkounkounkounkounkoqwertyuiopasdfghjklzxcvbnm.example.com

っていう、くっだらない作業して日々小銭を稼いでるんだけど、全然お金がたまらないので、だれかとっととビールおごれよ


このサイト

mixiやめて結構たちますが