javascript - 如何将td中的长文本分成3行(具有特定宽度)？

我想将特定的td分为3行，并为该特定的列设置特定的宽度，因此，如果溢出3行，则将3个点放入“ ...”。
总的来说，我需要符合以下条件的td：


宽度200像素
可以坐三行
如果大小超出上述范围，则放置“ ...”

最佳答案

您可以使用线夹：

table, th, td {
  border: 1px solid black;
}
td {
    width: 100px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

<table>
  <tr>
    <td>Cell ACell ACell ACell ACell ACell ACell ACell ACell All ACell ACell A</td>
    <td>Cell B</td>
  </tr>
</table>