2011-07-25 2 views
3

IE9では、私たちのブログのいくつかの記事は、不思議なことに、ハイフンが単語区切りの後に表示されています。最初の段落でhttp://yochicago.com/airbnb-%E2%80%93-illegal-short-term-rentals-galore/23326/で例えば 、「短期的には、」、ブレークは次のように:私はこのサイトや他のサイトでで、この他のいくつかの回を見てきましたIE9ハイフネーションの問題 - ハイフンの行頭に

短い
-term開発。そして、IE9でのみ。互換モードはそれを "修正"します。

私はこの同じ問題についてウェブで書いている他の人たちを見つけることができませんでしたので、私は自分のCSSで何か問題があると推測できますが、私はそれを理解することはできません。

したがって、2つの質問:
1.誰でもIE9でこの動作を見ていますか?
2.修正方法に関するご提案はありますか?

+2

1.はい、私はあなたのブログにIE9でこれを見ています。 2.わからない – BoltClock

答えて

2

私が問題を引き起こしているのか分からないが、迅速な修正は適用することです:

<span style="white-space:nowrap">short-</span>term 
+0

これは奇妙なハイフネーションを防ぎますが、投稿者はハイフネーションされた単語で投稿を書き込むたびにこれを行うことを忘れてはいけません。 – Rich

+0

IE9のF12開発ツールを使用してすべてのスタイルルールをトレースした後、これを引き起こす単一のスタイルルールを見つけることができません。私は90%がIE9のバグだと確信しています。とにかく、ここではいくぶん減らされたテストケースです。もしあなたがそれをさらに詳しく調べれば、問題を見つけることができます:http://jsfiddle.net/xrHhj/ – Gaurav

+0

助けてくれてありがとう。 IE9のバグであれば、私はWeb上で他の例を見つけることができなかったことに驚いています。 – Rich