关键在于外层设置 table{width:100%}，设置 td{max-width:0}，文字自动截断（显示为三个点的单省略号）才会生效，并可以自适应表格宽度。当然，对 td 指定明确的 max-width 也是可以的。

table {
    width: 100%;
}
td {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

Refer:
https://stackoverflow.com/questions/9789723/css-text-overflow-in-a-table-cell