适配IE和谷歌浏览器的多文本溢出

content=content_arr[i].substr(0,50)+'...';//添加省略号并放进box文字内容后面----------的50可以任意修改，以满足展示几行的需求

 .box{
            width: 300px;
            height: 40px;
            margin: 0 auto;
            line-height: 20px;
        }
<div class="box">东风夜放花千树,更吹落，星如雨,宝马雕车香满路。凤箫声动，玉壶光转，一夜鱼龙舞。蛾儿雪柳黄金缕，笑语盈盈暗香去。众里寻他千百度，蓦然回首，那人却在，灯火阑珊处。</div>
<script src="../../resources/vendor/jq/jquery-1.8.3.min.js"></script>
<script>
    $(function(){
        var content_arr=[];//定义一个空数组
        $('.box').each(function(){//遍历box内容
            var content=$.trim($(this).text());//去掉前后文空格
            content_arr.push(content);//内容放进数组
        });
        for(var i=0;i<content_arr.length;i++){//遍历循环数组
            if(content_arr[i].length>=50){//如果数组长度（也就是文本长度）大于等于50（数字可自己定义）
                content=content_arr[i].substr(0,50)+'...';//添加省略号并放进box文字内容后面
                $(".box").eq(i).text(content);
            }else{
                content=content_arr[i];
                $(".box").eq(i).text(content);
            }
        }
    })
</script>