連続した英数字も改行させる の続き。Firefoxではだめだそうだ

 英数字で改行されずにはみだしちゃったりするので、調べたうえで前にこんなのを書いた。
 連続した英数字も改行させる
 なんとか問題は解決。と思ってたのだけど。その後。Firefoxで問題が解決されていなことに気づく。
 Firefoxでは、word-break、word-wrapでも英数字が連続する場合は改行してくれないそうだ。
 自動改行(word-break・word-wrap・white-space プロパティ)をコントロールして、テキストがボックスから飛び出さないようにしたい。 | 乱雑モックアップはてなブックマーク - 自動改行(word-break・word-wrap・white-space プロパティ)をコントロールして、テキストがボックスから飛び出さないようにしたい。 | 乱雑モックアップ
 ということで、それを解消するためのJavaScriptなんてのも開発されてるんだそうで。
 word-break:break-allをFirefox等でも実現するjavascript(jQuery) – Webtech Walkerはてなブックマーク - word-break:break-allをFirefox等でも実現するjavascript(jQuery) - Webtech Walker
 なんともややこしい話だ。Firefoxがこういうことになってるなんて!


 「/」なんかのヤクモノでも改行されないってのはなんとも。まあ、海外ではヤクモノの前後にスペース入れるとかいうのがあたり前らしいので、そういう不具合には気づきにくいんだろうか?
 Amazonの商品名で「iPhone/iPod/iPad」みたいなのが入ってると、その部分では改行されないわけなんですよね。こんなやつ。
TEAC TASCAM iPhone/iPad/iPod touch用 リニアPCMレコーダー iM2TEAC TASCAM iPhone/iPad/iPod touch用 リニアPCMレコーダー iM2


 うまく入り切らないので、overflow:hiddenしちゃったりしてると、もうなんだかわからなくなるわけで。
 幅の狭いブログのサイドバーに入れるコンテンツのデザイン調整しててそんなことを考えたり。
 まあ、こんな話はみなさん数年前に通過してるとは思うんですが、とりあえず、メモということで。

コメント