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

Dai*_*Dai 6 css html-table overflow

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

我有一个具有可变宽度的表(它width: 100%;在我的CSS中的其他位置设置为其父级).

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

你可以看到的问题是,尽管width: 100%;并且overflow: hidden;被明确设置,但是文本.eventSummary.eventLocation强制表扩展,这不是我想要的.

这是CSS中"目前不可能"的问题之一吗?

更新:

我可以破解它table-layout: fixed;,并设置overflow: hidden;<td>...它会为现在做的(因为没有省略号,并在任何右边框<li>将被隐藏,所以原来的问题仍然有效.

br3*_*3w5 0

它正在扩展,因为宽度设置为其父级(即文档正文)的 100%。因此表会扩展以适合其子项。要么将表格放在具有固定宽度的 div 中,要么固定表格的宽度。