英数字で改行されずにはみだしちゃったりするので、調べたうえで前にこんなのを書いた。
連続した英数字も改行させる
なんとか問題は解決。と思ってたのだけど。その後。Firefoxで問題が解決されていなことに気づく。
Firefoxでは、word-break、word-wrapでも英数字が連続する場合は改行してくれないそうだ。
自動改行(word-break・word-wrap・white-space プロパティ)をコントロールして、テキストがボックスから飛び出さないようにしたい。 | 乱雑モックアップ
ということで、それを解消するためのJavaScriptなんてのも開発されてるんだそうで。
word-break:break-allをFirefox等でも実現するjavascript（jQuery） – Webtech Walker
なんともややこしい話だ。Firefoxがこういうことになってるなんて！
「/」なんかのヤクモノでも改行されないってのはなんとも。まあ、海外ではヤクモノの前後にスペース入れるとかいうのがあたり前らしいので、そういう不具合には気づきにくいんだろうか？
Amazonの商品名で「iPhone/iPod/iPad」みたいなのが入ってると、その部分では改行されないわけなんですよね。こんなやつ。
TEAC TASCAM iPhone/iPad/iPod touch用 リニアPCMレコーダー iM2
うまく入り切らないので、overflow:hiddenしちゃったりしてると、もうなんだかわからなくなるわけで。
幅の狭いブログのサイドバーに入れるコンテンツのデザイン調整しててそんなことを考えたり。
まあ、こんな話はみなさん数年前に通過してるとは思うんですが、とりあえず、メモということで。
コメント