Table 相关的补充知识点

<table class="table">
  <thead class="thead">
    ...
  </thead>
  <tbody class="tbody">
    <tr v-for="(item, index) in data" :key="index">
      <td>{{ item.account }}</td>
      <td width="46%">{{ item.option }}</td>
      <td width="24%">
        <div class="link">
          {{ item.link }}
        </div>
      </td>
      <td>{{ item.duration }}</td>
    </tr>
  </tbody>
</table>

.table {
  .tbody {
    .link {
      word-wrap:break-word;
      word-break:break-all;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 1; //多行在这里修改数字即可
      overflow:hidden;
      /* autoprefixer: ignore next */
      -webkit-box-orient: vertical;
    }
  }
}