扩展DIV不会隐藏在IE 11中

时间:2016-05-18 20:16:26

标签: jquery css

这个小提琴扩展了'i'之后的段落,然后你可以用'隐藏'再次隐藏/截断它:

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

适用于Chrome / Firefox,在IE 11中不起作用。有什么想法为什么IE11不扩展它?是CSS中的这些属性,还是jQuery中的某些属性?

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

策略:切换样式(从“.inlinehelpdetail”到“.inlinehelpdetail.expanded”)以隐藏/显示DIV。 jQuery执行addClass / removeClass,这就是当前这个小提琴。

2 个答案:

答案 0 :(得分:3)

According to the specinitial不是white-space的有效值。您要查找的值为white-space: normal,所有浏览器都支持该值。

编辑:initial可能是一个有效的全局值,但根据规范,它在white-space时没有明确的含义,因此行为上的差异(和IE)行事正确,恕我直言: - ))。

答案 1 :(得分:1)

这应该让你接近:

.helpwithdetail.expanded { white-space: initial; width: 550px; overflow: visible; }