« 「UFO」で並べられた机が立体化 電気グルーヴ新曲「SHAMEFUL」MVがかっこいい | トップページ | ドメインキング解約 »

2012年4月20日 (金曜日)

連続した英数字も改行させる の続き。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しちゃったりしてると、もうなんだかわからなくなるわけで。
 幅の狭いブログのサイドバーに入れるコンテンツのデザイン調整しててそんなことを考えたり。

 まあ、こんな話はみなさん数年前に通過してるとは思うんですが、とりあえず、メモということで。


|

« 「UFO」で並べられた机が立体化 電気グルーヴ新曲「SHAMEFUL」MVがかっこいい | トップページ | ドメインキング解約 »

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/35726/54516668

この記事へのトラックバック一覧です: 連続した英数字も改行させる の続き。Firefoxではだめだそうだ:

« 「UFO」で並べられた机が立体化 電気グルーヴ新曲「SHAMEFUL」MVがかっこいい | トップページ | ドメインキング解約 »