文本溢出显示。。。

当文本溢出时，会导致意想不到的结果，我在这里用jQuery写了一个当文本超出时自动裁剪并填充。。。的函数（一点微小的工作）

if(type of $.prototype.textAttr !== 'function') {
  $.prototype.textAttr=function(){
     $(this).each(function(index, el) {
          let width = parseInt($(this).css('width'));
          var size = parseInt($(this).css('font-size'));
          var maxTextNum = parseInt(width / size) - 1;
          if ($(this).html().length >= maxTextNum) {
              let str = $(this).html().trim();
              str = str.slice(0, maxTextNum - 1);
              str += "...";
              $(this).text(str);
          }
      });
  };
}

直接使用jQuery的选择器便可调用该方法

$('.test').textAttr();