×

单行省略文本...与多行省略文本...,仅用 CSS

96
梁同桌
2017.12.14 13:24 字数 0
  <style>
    .line{
      display: inline-block;
      width: 50px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
  //多行
    .multi-line {
      display: -webkit-box;
      width: 50px;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
    }
  </style>
  <div class="line">
    单行文本省略样例
  </div>
  <div class="multi-line">
    多行文本省略样例
  </div>
Web杂货店
Web note ad 1