white-space：nowrapとoverflow：表のセル内に隠されています

Question

私はカレンダーを作成しています。私はそれぞれ<td>が1日であるテーブルを持っています。その日のイベントのリストをセル内に表示したい。私はテキストが2つのテキスト行として表示されるようにしたい、テキストが隠されているはずの水平スペースより長い場合。

私は可変幅のテーブルを持っています（親のwidth: 100%;はCSSのどこかに設定されています）。ここで

私jsFiddleです：あなたが見ることができる問題がwidth: 100%;とoverflow: hidden;にもかかわらず、明示的に設定されているということであるhttp://jsfiddle.net/fZGyz/1/

、.eventSummaryと.eventLocationのテキストは、私が欲しいものではありませんこれは、拡大してテーブルを強制されます。

これはCSSの「現時点では可能な」問題の1つですか？

UPDATE：

私はでそれをハックして<td>にoverflow: hidden;を設定することができます...ので、何の省略記号がありませんように、それは（今のところやる、と<li>上の任意のborder-rightが隠されてしまいます

Answer 1

幅が親の100％に設定されているため（ドキュメントの本文）、テーブルが展開されるので、そのテーブルをdivに入れます幅が固定されているか、テーブルの幅を固定しています。

Answer 2

あなたのすべての価値は相対的なものなので、拡大していきます。 .eventSummaryと.eventLocationに必要な最大幅を設定し、display：blockを設定することを忘れないでください。