实现超过多少行的判断方法很多，统一写了一个公用的通用方法。逻辑是在body中插入一个dom节点，然后把判断行的行数，字体样式，拿过来赋值到新增dom节点进行对比判断。

    运用场景, 例：文字超过三行出现 … 和tooltip提示 等等。

    具体实现方法：

    1. export const isElementCollision = (ele, rowCount = 1, cssStyles, removeChild) => {
    2.   if (!ele) {
    3.     return false;
    4.   }
    6.   const clonedNode = ele.cloneNode(true);
    7.   // 给clone的dom增加样式
    8.   clonedNode.style.overflow = 'visible';
    9.   clonedNode.style.display = 'inline-block';
    10.   clonedNode.style.width = 'auto';
    11.   clonedNode.style.whiteSpace = 'nowrap';
    12.   clonedNode.style.visibility = 'hidden';
    13.   // 将传入的css字体样式赋值
    14.   if (cssStyles) {
    15.     Object.keys(cssStyles).forEach((item) => {
    16.       clonedNode.style[item] = cssStyles[item];
    17.     });
    18.   }
    20.   // 给clone的dom增加id属性
    21.   const containerID = 'collision_node_id';
    22.   clonedNode.setAttribute('id', containerID);
    24.   let tmpNode = document.getElementById(containerID);
    25.   let newNode = clonedNode;
    26.   if (tmpNode) {
    27.     document.body.replaceChild(clonedNode, tmpNode);
    28.   } else {
    29.     newNode = document.body.appendChild(clonedNode);
    30.   }
    31.   // 新增的dom宽度与原dom的宽度*限制行数做对比
    32.   const differ = newNode.offsetWidth - ele.offsetWidth * rowCount;
    33.   if (removeChild) {
    34.     document.body.removeChild(newNode);
    35.   }
    36.   return differ > 0;
    37. };

    调用方法

    1. **** this.rootElement // 要判断的dom container
    2. **** rowCount // 限制行数
    3. **** cssStyles // 原dom 字体样式（fontSize，fontWeight，letterSpacing）
    4. **** 例 const cssStyles = { fontSize: '26px', fontWeight: 'bold' };
    5. **** removeChild // 计算完成后是否删除clone的dom -- 一般都要删除掉
    6. // 调用方法
    7. isElementCollision(this.rootElement, rowCount, cssStyles, removeChild);diao yo