我有一个包含一个表格的 div，该表格有另一个带有动态变化文本的 div。div 有样式
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
所以我希望当文本比 div 更宽时，它会在最后显示“...”，但实际上，表格宽度会大于容器 div，这真的很奇怪。
如果我在 px 或 pt 中设置单元格最大宽度，其中包含带有文本的 div，那么工作正常，但这不是一个选项。
如何将表格设置为跟随容器 div 的宽度并且永远不会大于该宽度？
一些示例代码位于 JSFiddle 中。