CSS div表和文本溢出：省略号

我有一个带桌子的沙发。我想让这张桌子占据100%的版面。表格中有一行和多个单元格（表格单元格的显示样式）。我的目标是开发一个CSS解决方案，允许表格单元格在文本过长时显示省略号。我总结了一个简单的JSFIDLE示例来说明这个问题

有人能告诉我正确的方向让细胞显示省略号吗

这是一个很长的用户名那太长了
这个电子邮件地址太长了
这是一个很长的字符串，那太长了

使用表格单元格上的最大宽度进行修复：

.table-cell {     
    max-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

---

但是它的宽度只有50px，而不是100%…我希望它能占据尽可能多的空间，然后溢出到省略号。你需要在某个地方定义宽度（除非你想使用JavaScript）.@AaronHickman:max width:100%在

表格单元格上。表格单元格

可以这样做：将

表格单元格

设置为其全宽。你不想这样，你想让省略号起作用。谢谢，这确实符合我的要求！

.table-cell {     
    max-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}