用css进行文字超出部分隐藏，IE11浏览器与谷歌浏览器显示结果不一样，求帮助

Question

** 问题描述：**

用css进行文字超出部分隐藏，IE11浏览器与谷歌浏览器显示结果不一样

现象：

**IE11浏览器显示为“abcdefg>higklmn>...”;

谷歌浏览器显示为“abcdefg>higklmn>opq...”。**

css代码如下：

.ell{
    width:700px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    display: block;

}

.ell:hover{
    overflow: visible;
}

请问各位大神我想让IE显示的和谷歌显示的一样，应该怎么改！！！！

Answer 1

overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;