使用文本溢出：HTML表格中的省略号

Question

我必须在这里遗漏一些内容，但为什么我的text-overflow: ellipses规则在这里无法正常使用？

小提琴：https://jsfiddle.net/sgj9rv5r/

td {
    white-space: nowrap; 
    width: 50px; 
    overflow: hidden;
    text-overflow: ellipsis;
}

<table border="1">
  <tr>
    <td>
      This content should shorten to ellipses after the 50px width has been reached.
    </td>
  </tr>
</table>

Answer 1

根据Michael Coker的建议使用max-width解决了这个问题。