各种浏览器多行截断

佚名 7年前 (2019-05-10) 随笔 2053人围观抢沙发百度已收录

/**
   * @description 超出字符截取
   * @param {*} cls class名称
   */
  function fixLine(cls) {
    console.time();
    $("." + cls).each(function () {
        var _this = $(this);
        var content = _this.attr('data-content')
        _this.text(content);
        var outHeight = _this.parent().height();
        for (var i = 0; i < content.length+1;i+=2) {
            _this.text(content.substr(0, i))
            if (outHeight < _this[0].scrollHeight - 5) {
                _this.css('overflow', 'hidden').text(content.substr(0, i - 6) + '...')
                break;
            }
        }
    });

css 设置高度 父级