white-space：表格單元格中的'nowrap'打破錶格佈局：'auto'：如何修復它？

Question

我試圖設計一個音樂播放列表：https://codepen.io/anon/pen/xLYLvd

我的基本元素是一個HTML表格。

我用

table-layout:auto; 

對於我的表，因爲我想細胞適合其內容;因爲我並不總是知道他們將會持續多長時間（尤其是此示例的最後兩列，.wpsstm-track-actions和.wpsstm-track-sources，其中項目數量會有所不同）。

我有3列（軌道信息），我想截斷（這些是軌道藝術家，標題和專輯單元;其中有.wpsstm軌道信息類），因爲我想維護每一行放在一個文本行上。

但使用

white-space: nowrap; 

這些細胞

，我的設計遊：似乎表格的佈局：汽車和空白：NOWRAP不能一起使用（參見線＃49的筆）

關於如何成功的任何想法？謝謝 ！

Answer 1

text-overflow: ellipsis只有table-layout: fixed

作品此外，您還需要設置一個寬度表和文本溢出適用於TD，而不是裏面的跨度。

https://codepen.io/anon/pen/xLYPBK

你會需要設置一個靜態的寬度.wpsstm-跟蹤行動和.wpsstm軌來源，我害怕。但從設計的角度來看，這確實不成問題。