¿Por qué no funciona la elipsis CSS en la celda de la tabla?
Considere el siguiente ejemplo:demostración en vivo aquí)
HTML:
<code><table> <tbody> <tr><td>Hello Stack Overflow</td></tr> </tbody> </table> </code>
CSS:
<code>td { border: 1px solid black; width: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } </code>
JS:
<code>$(function() { console.log("width = " + $("td").width()); }); </code>
La salida es:width = 139
, y la elipsis no aparece.
¿Que me estoy perdiendo aqui?