解决文本溢出，省略号无效问题（兼容IE）

单行文本，显示省略号兼容ie。主要是white-space: nowrap;这个属性

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
        white-space: nowrap;

对于多行文本，我们一般是这样用css控制的

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

但是适用范围只局限与浏览器内核是webkit的，在IE中不识别display: -webkit-box;

由此，我用的js来控制显示字数

 $(document).ready(function () {
        wordlimit("technologyHallContent",55);//根据自己想显示的字符确定
    });   


 /**
     * 兼容极速模式下省略号问题
     * cname：类名
     * wordlength：截取的长度
     */
    function wordlimit(cname,wordlength){ //参数分别为：类名，要显示的字符串长度
        var cname=document.getElementsByClassName(cname);  //需要加省略符号的元素对象
        for(var i=0;i<cname.length;i++){
            var nowhtml=cname[i].innerHTML;                //元素的内容
            var nowlength=cname[i].innerHTML.length;      //元素文本的长度
            if(nowlength>wordlength){
                cname[i].innerHTML=nowhtml.substr(0,wordlength)+'...';      //截取元素的文本的长度并加上省略号
            }
        }
    }

   <a href="" target="_blank" class="technologyHallContent">填入多行文本</a>

实现效果如下