table 》 td 超出内容过长显示...

贴代码：

<table>
  <thead>
    <tr>
      <td>测试1</td>
      <td>数量</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="elli">超出显示超出显示超出显示超出显示超出显示超出显示超出显示超出显示超出显示超出显示超出显示</td>
      <td>1</td>
    </tr>
  </tbody>
</table>

<style>
.elli{
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical
}
td{
  line-height:28px;
  border-bottom:1px solid #ececec;
  
}
</style>