white-space：nowrap和overflow：隐藏在表格单元格中

Question

我正在制作日历。我有一张表，每个<td>是一天。我想在单元格中显示当天的事件列表。我希望每个事件都显示为两行文本，如果文本比水平空格长，则应隐藏文本。

我有一个宽度可变的表（在CSS的其他位置设置为其父级的width: 100%;）。

这是我的jsFiddle：http://jsfiddle.net/fZGyz/1/

您可以看到的问题是，尽管明确设置了width: 100%;和overflow: hidden;，但.eventSummary和.eventLocation的文字正在强制表格展开，这不是我想要的是什么。

这是CSS中“目前不可能”的问题之一吗？

更新：

我可以使用table-layout: fixed;破解它并在overflow: hidden;上设置<td> ...它现在就会这样做（因为没有省略号，并且{ {1}}会被隐藏，所以最初的问题仍然存在。

Answer 1

它正在扩展，因为宽度设置为其父级的100％（它是文档的主体）。所以桌子扩展到适合它的孩子。将表放在具有固定宽度的div中或固定表的宽度。

Answer 2

你所有的价值都是相对的，这会带来扩张。尝试为.eventSummary和.eventLocation设置所需的最大宽度，不要忘记为它们设置display：block。