2012-01-24 10 views
0

興味深いもの、これ。私はテキストエリアで表示している次のJSコードを持っています。IEがこのテキストエリアを別の方法で折り返しているのはなぜですか?

var drinks = ['coffee', 'tea', 'Ribena', 'Vimto', 'ginger beer', 'hot chocolate']; 

ラッピングが必要な場合、他のブラウザは、角カッコ内破る一方、IEは、(すなわち、配列の開始、実際のJSコードはここでは重要ではない)最初の正方形ブラケット前に壊れます。

大括弧内に空白(つまり破損可能な点)があるため、後者は正しいようです。

ファンキーなワードラップまたはホワイトスペースCSSはありません。私はこれについて何かできることはありますか?前もって感謝します。

+0

うわー!これはすべてを変えます。 ':P' –

答えて

0

複数の文字 - ()[] {}«»%°・/ !? Internet Explorerは自動的に改行として解釈します。タグ内にHTMLをレンダリングすることができないため、この作業をテキストエリア内で行おうとしているという点で特別な状況があります。理論的には

、あなたのような何かを行うことができます:

<textarea><nobr>var drinks = ['coffee', 'tea', 'Ribena'];</nobr></textarea> 

をし、IEは自動的にあなたの例で述べたように、[のような文字で壊れないでしょう。ただし、明らかに、テキストエリア内でhtmlタグを使用することはできませんので、これは不可能です。

代わりに、このような状況のためにテキスト領域の代わりにスクロール可能なdivを使用してみてください。

+0

面白い - 情報ありがとう。私の場合、スクロール可能なdivではなくtextareaが必要です。興味深いことに、テキストエリアの値を 'タグ'にラップすると、それが修正されると思います。私は本当にその考えがどういうものかはわかりませんが、確かにそれを行っていきます。ありがとう。 –

+0

申し訳ありませんが、おそらく私は私の答えが不明でした。テキストエリアは、意図的に、テキストエリア間に "nobr"などのタグを入力するわけではなく、この解決策を実現で​​きません。基本的には、テキストエリアの要素から離れるまでIEにはうまくいきません。 – rtd1123

+0

ああ、OK、その後。私はこれがワードラップ/ホワイトスペースCSSルールのいくつかの組み合わせによって調和できないのに驚いていますが、私が見つけたものではありません。 –

関連する問題