文字太長省略成「...」

overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;

補充：

如果設定在 td 標籤會發現沒有作用，因為 td 屬性是 table cell，如果是一般的 block 就會正常，可以修改如下

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