<div
      id="view"
      style="border: 1px solid red; width: 200px; height: 60px; overflow: hidden"
    ></div>

    <script>
      s =
        "这是一个文本这是一个文本这是一个文本这是一个文本这是一个文本这是一个文本";
      el = document.getElementById("view");
      n = el.offsetHeight;
      for(var i=0;i<s.length;i++){
        el.innerHTML=s.slice(0,i)
        if(el.scrollHeight>n){

          el.innerHTML=s.slice(0,i-3)+"..."
          break;
        }
      }