多行文本溢出裁剪（兼容版）

• 常规（webkit内核）

  .text-container {
      height: 100px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp:4;
  }
  

• 兼容性

  利用行级元素环绕浮动元素的特点

  .text-container {
      height: 100px;
      overflow: hidden;
  }
  .content {
      line-height: 25px;
      margin-top:-80px;
  }
  .text-container::before{
      content:'';
      height: 80px;
      display: block;
  }
  .more {
      float: right;
  }