如何在不扩展单元宽度的情况下使表单元格内容可见？

Question

我想在下面的屏幕截图中看到效果，即表格单元格的内容（Michal Aniol的蓝色单元格......）应该完全可见，但单元格的宽度应该保持不变。

我该怎么做？

我愿意接受大量使用javascript作为应用程序其余部分的解决方案，并且表本身也将由dojo生成。

有colspan＆gt; 1不是一个选项，因为它在其他情况下不起作用。我真的只想使用单个单元格，因为这将帮助我完成其他功能。

Screenshot http://uppix.net/4/d/9/8cfc6aba556405f910871598afa10.png

标记和CSS：http://jsfiddle.net/sGkpq/ style.less http://pastebin.com/waXWDf4J

在@ Sparky672指出的情况下链接死亡时，让我的问题自成一体：

我想要具有相同大小的表格单元格，如果单元格中的内容大于单元格本身，则内容仍应显示并流向下一个单元格。因此，如果单元格中的文本长于单元格，则它应该溢出到覆盖其内容的下一个单元格。

Answer 1

只需从overflow-x: hidden移除table.reservation-table td即可。文本将继续超过单元格的末尾。

当然，如果你希望它的名字比它后面的单元格长（例如，Michal只预订了一天），那会更复杂，但可能是可行的。