2016-05-18 9 views
1

このフィドルでは動作しませんDIVを展開するとした後、段落を拡張Iは、その後、あなたは/非表示にすることができます「隠す」で再びそれを切り捨てる:クローム/ Firefoxでは、IE 11

https://jsfiddle.net/my8jpn01/45/

作品、はIE 11では機能しません。 IE11がそれを展開しない理由は何ですか? CSSやjQueryのこれらの属性ですか?ありがとう。

white-space: nowrap; 
text-overflow: ellipsis; 

戦略:( '.inlinehelpdetail.expanded' から '.inlinehelpdetail' から)スイッチスタイルDIVを表示/非表示にします。 jQueryはaddClass/removeClassを実行しますが、これはすべてこの現在のフィドルにあります。

答えて

3

According to the spec

.helpwithdetail.expanded { white-space: initial; width: 550px; overflow: visible; }initialwhite-spaceのための有効な値ではありません。探している値はすべてのブラウザでサポートされているwhite-space: normalです。

EDIT:initialは有効なグローバル値かもしれませんが、仕様に応じてwhite-spaceになると明示的に意味がありません。したがって、動作の違い(IEは正しく動作します:IMHO :-))。

+0

先端のための巨大な感謝 –

+0

問題ありません。 Chromeの開発ツールは、いつもうまくいかない場合があるいくつかの場所で有効な値として「初期値」を示しています。これは数回私を釘付けにしました。 – ajm

1

これは、あなたが近づく必要があります。

+0

これは、ありがとうございます。問題は、https://jsfiddle.net/my8jpn01/49/で同じ行でオーバーフローしていることです。しかし、AJMの 'white-space:normal'の解決策はIE11の問題を修正しながら以前と同じように複数行にしました。再度ありがとう –