多行文本省略

参考：https://www.bilibili.com/video/BV1ooa1zXE8M

<div class="more-line__intro">
  <div class="more">...</div>
  <div class="content">这里有很多文字</div>
</div>

.more-line__intro {
  $lines: 9; // 行数
  $height: 360px; // 高度
  $line-height: $height / $lines; // 字的行高

  height: $height;
  line-height: $line-height;

  overflow: hidden;

  &::before {
    content: "";
    display: block;
    // 把所有元素顶下去，这样 float 也下去了
    height: $height - $line-height;
  }

  .content {
    // 在把 content 拉上来
    margin-top: -($height - $line-height);
  }

  .more {
    float: right;
  }
}