2016-05-18 29 views
1

这拨弄不起作用后扩大了一段“我”,然后你可以隐藏/以“隐藏”了截断它:扩大DIV在IE 11

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,这就是当前的小提琴。

回答

3

According to the specinitial不是white-space的有效值。您正在寻找的价值是white-space: normal,这是所有浏览器支持。

编辑:initial可能是一个有效的全球价值,但是当涉及根据规范它并没有一个明确的含义white-space,从而在行为上的差异(和IE行事正确,恕我直言:-))。

+0

非常感谢您的提示 –

+0

没问题。 Chrome的开发工具建议'初始'在有些地方可能无法正常工作,这已经钉了我几次有效的价值。 – ajm

1

这应该让你接近:

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

+0

这个作品,谢谢。唯一的问题是,它溢出在同一行:https://jsfiddle.net/my8jpn01/49/。然而,AJM的'white-space:normal'解决方案仍然像以前一样保持多行,同时解决了IE11问题。再次感谢 –