使用文本溢出：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 可以解决此问题。