这个小提琴扩展了'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,这就是当前这个小提琴。
答案 0 :(得分:3)
According to the spec,initial
不是white-space
的有效值。您要查找的值为white-space: normal
,所有浏览器都支持该值。
编辑:initial
可能是一个有效的全局值,但根据规范,它在white-space
时没有明确的含义,因此行为上的差异(和IE)行事正确,恕我直言: - ))。
答案 1 :(得分:1)
这应该让你接近:
.helpwithdetail.expanded {
white-space: initial;
width: 550px;
overflow: visible;
}