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

时间:2017-06-07 18:07:23

标签: html css

我必须在这里遗漏一些内容,但为什么我的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>

1 个答案:

答案 0 :(得分:0)

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