2012-04-11 11 views
0

firefoxとchromeやsafariなどのブラウザで、以下のコードをhtmlとして表示してください。firefoxでワードラップエラーが発生しました。サファリとクロムで動作します

[]()および他の\ Wの文字は、Firefoxで指定されているように、ワードラップが完全に実装され、早期のラッピングに

を生成するために、ワードラップを引き起こしているようです。

<style> 
    div.working {background:blue; height:400px; width:130px;} 
    div.notWorking {background:red; height:400px; width:130px;} 
    div {oveflow:hidden; word-wrap: break-word; font-family:monospace} 
</style> 

<div class="working">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div> 

<div class="notWorking">[X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X]</div> 

あなたの助けをありがとう

+0

FF v.11.0での作業 –

+0

前述のように、FF 11.0では正常に動作しています。以前のバージョンのFirefoxではワープロに問題がないことを覚えています。しかし、それらのバージョンでは、ワードラップは適切に実装されていませんでした。 – sarcastyx

+0

私はいくつかのスクリーンショットを投稿しようとしていましたが、このサイトで自分のn00bのステータスがあるので、それは私を許さないでしょう。私は本当に私が行っている効果を説明しようとしなかったと思います。 Asの文字列では、Asがdivの幅の制限に達するとブラウザがラップします。 [X]と同様に、ブラケットはブラケットの後ろをラップします。私はこれがブラウザが単語とみなすものと関係があると考えています。これはpreとJSを使用して挿入された
で簡単に修正できます。しかし、JS無料のソリューションは面白いだろう – Vickenstein

答えて

1

私は早すぎるワーピングがないようにするために、特殊文字/文字列の包括的なリストを作成しました。

'][',')(','}{','-','><','\/' 
0

これはword-wrapプロパティとは何の関係もありません。 Firefoxは[X][X]を1ワードとみなし、適切に折り返します。私はこの特別な振る舞いを引き起こす句読文字のリストが何であるかはわかりません。

+0

私もこれに気づいたが、私は本当にこれらの特殊文字を回避する方法を見つけることを試みている。 divをハックしてラッピングの長さに合わせて
を追加するのは本当に簡単です。しかし、テキストエリアの場合、私はどのような解決策も見つけられないようです。 – Vickenstein

関連する問題