多行文本溢出

    <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;
        }
      }