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

我想在下面的屏幕截图上实现可见的效果，这是表单元格的内容，即带有Michal Aniol的蓝色单元格。。。应完全可见，但单元格的宽度应保持不变

我该怎么做

我对需要大量使用javascript的解决方案持开放态度，因为应用程序的其余部分以及表本身都将由dojo生成

colspan>1不是一个选项，因为它在其他情况下不起作用。我真的很想只使用单细胞，因为这将有助于我与其他功能

标记和css： 无风格

为了使我的问题在@Sparky672所指出的链接失效的情况下变得独立：

我希望有相同大小的表格单元格，如果单元格中的内容比单元格本身大，那么内容仍应显示并流向下一个单元格。因此，单元格中的文本如果比单元格长，则应溢出到覆盖其内容的下一个单元格。

只需删除溢出-x:hidden from table.reservation-table td。文本将在单元格结束后继续显示

---

当然，如果你想让它在名字比后面的单元格长的时候工作，例如，Michal只预定了一天，这会更复杂，但可能是可行的。

你的问题应该是完全独立的，不依赖链接来维持生命。我会记住这一点，这太棒了。非常感谢。如果有一天我想我会添加另一个类，它有溢出-x:hidden