2012-02-29 8 views
2

の下に、私はjQueryのこのビットを使用しています:テキストIE7にハイフンでラッピングし、

$('.myClass').html().replace("-", "‑"); 

を含むテキストの上に折り返しを防ぐために、非破壊ハイフンとハイフンを置き換えるためには....あなたはそれを推測:ハイフンを

これはIE8以上でうまく動作しますが、IE6と7をサポートする必要があります。このアプローチでは動作しません。

アイデア?

答えて

1

IE6-7ではハイフンが「単語区切り」として表示されるためだと思います。

私が修正すると考えることができる唯一の方法は、フレーズを<nobr></nobr>タグで囲むことです。

例: <nobr>word-break</nobr>これはあなたの問題を防ぎます。

状況を見ることなく、これをどうやって行うのかは難しいですが、

EDIT

この情報は有用であり得る:http://www.cs.tut.fi/~jkorpela/html/nobr.html

+0

単純なアプローチは ' X-Y'によって(xおよびyは任意の文字である)X-Yを置換することであろう。不器用で、HTML標準ではなく、すべてのブラウザで動作します。 –

+0

それはまさに私が言ったことです。 – Turnip

+0

私の主張は、単語を認識しようとするのではなく、ハイフンの各辺に2文字をとることができるということでした。例えば、 ' word-break'の代わりに 'wor d-b reak'を生成する方が簡単です。 –