CSS/JS 限制显示字符的数量

1、根据HTML标签的className限制显示字符 

 $(".newslimit").each(function(){

        var len=$(this).text().length;   //当前HTML对象text的长度

        if(len>30){

            var str="";

            str=$(this).text().substring(0,30)+"......";  //使用字符串截取，获取前30个字符，多余的字符使用“......”代替

            $(this).html(str);                   //将替换的值赋值给当前对象

        }

    });

2、实践通用的函数

        function limitUploadFileName(name){ 

            var str="";

            var len=name.length;

            if (len>20){

                str=name.substring(0,14)+"……";

            }

            else{

                return name;

            }

            return str;

        }

3、使用css控制（注：仅适用于当前标签占据一整行的情况）

    #list-item-title_left{

                float: left;

                width: 40px;   //设置其显示的长度

                overflow: hidden;  //超过其长度之后，自动隐藏其换行的字符

                height: 20px;

                text-overflow: ellipsis;  //属性规定当文本溢出包含元素时发生的事情（1、clip：修剪文本；

                                                                                                                               2、ellipsis：显示省略符号来代表被修剪的文本；

                                                                                                                               3、string：使用给定的字符串来代表被修剪的文本。）

                word-wrap: break-word;

                word-break: break-all;

                white-space: nowrap;

    }

<span id="list-item-title_left">测试新功能测试新功能测试新功能测试新功能测试新功能测试新功能测试新功能</span>