js实现对文本的截取并添加。。。显示

为了使页面美观化 我们通常要对文本段落实现字符限制并用省略号显示！！！

具体实现上述需求的方法有两种 分别css实现 和js实现 。在这里推荐js。 

第一种方式：js控制

  var cutString = function(str ,len){//str len为参数 str为目标元素； len为字数限制
          for(var i = 0; i<= str.length; i++){//有时我们的目标元素可能是多个 ，我们需要遍历后在操作
              if(str[i].innerHTML.length <= len){
                  return str;
              }
              if(str[i].innerHTML.length >len){
                  str[i].innerHTML=str[i].innerHTML.substr(0, len)+"...";// str[i]可以避免把所有的str元素的内容 都修改成当前的字符串 
              }
          }
      };

第二种方式： css控制  不需太多逻辑 但是需要考虑浏览器的兼容性问题

p{
   word-break:keep-all;//中文韩文 日文不许断开

   overflow:hidden;//超出隐藏
   text-overflow:ellipsis;//以。。。显示
   white-space:nowrap;//文本不许折行
}

ie9下需要设置

p{white-space:nowrap;text-overflow: none;}
在ie9以下的版本需要加具体的宽度