Dlaczego elipsa CSS nie działa w komórce tabeli?
Rozważmy następujący przykład: (tutaj demo na żywo)
HTML:
<table>
<tbody>
<tr><td>Hello Stack Overflow</td></tr>
</tbody>
</table>
CSS:
td {
border: 1px solid black;
width: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
JS:
$(function() {
console.log("width = " + $("td").width());
});
Dane wyjściowe to:width = 139
, a elipsa nie pojawia się.
Czego mi tu brakuje?