SOURCE

console 命令行工具 X clear

                    
>
console
  <span>
<div class="line">
      <span>单行文本省略样例单行文本省略样例单行文本省略样例单行文本省略样例单行文本省略样例单行文本省略样例单行文本省略样例</span>
  </div>
  </span>
  
  <div class="multi-line">
    多行文本省略样例
  </div>
  body {
        width: 100%;
    }
    .line{
      display: inline-block;
      overflow: hidden;
      width: 100%;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .multi-line {
      display: -webkit-box;
      width: 50px;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
    }