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轨来源，我害怕。但从设计的角度来看，这确实不成问题。