多行省略（含ie浏览器）

 <div>两个黄鹂鸣翠柳，一行白鹭上青天。窗含西岭千秋雪，门泊东吴万里船。</div>

    div{
      width: 150px;
      height: 65px;
      line-heght:22px
      border: 1px solid black;
    }

chrome常规浏览器

css添加代码

      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;

chrome浏览器效果

利用伪元素进行定位

适配Ie浏览器

    div {
      width: 150px;
      height: 65px;
      line-height: 23px;
      border: 1px solid black;
      position: relative;
      overflow: hidden;
    }
    div::after{
      content: '...';
      display: block;
      width: 22px;
      height: 22px;
      background-color: #fff;
      position: absolute;
      bottom: 0;
      right: 0;
    }

缺点：需要配合行间距，字体大小，背景颜色等条件。
chrome效果

ie效果

通过js修改内容

需要计算显示的长度，再截取出来，并将最后一个显示为省略号

    var a = document.getElementsByTagName('div')[0]
    var b = a.innerText.slice(0, 26)
    b += '...'
    a.innerText = b