6

カレンダーを作成中です。それぞれ<td>が 1 日であるテーブルがあります。セル内にその日のイベント一覧を表示したい。各イベントを 2 行のテキストとして表示したいのですが、テキストが水平方向のスペースよりも長い場合は、テキストを非表示にする必要があります。

幅が可変のテーブルがあります ( width: 100%;CSS の他の場所で親に設定されています)。

ここに私の jsFiddle があります: http://jsfiddle.net/fZGyz/1/

あなたが見ることができる問題は、width: 100%;とが明示的に設定されているにもかかわらず、とoverflow: hidden;のテキストがテーブルを強制的に拡大していることです。これは私が望んでいるものではありません。.eventSummary.eventLocation

これは、CSS で「現在不可能」な問題の 1 つですか?

アップデート：

私はそれをハックしてtable-layout: fixed;設定overflow: hidden;することができ<td>ます...今のところはうまくいきます（省略記号がなく、上の境界線<li>が隠されるため、元の問題はまだ残っています.

4

2 に答える 2

0

あなたの価値観はすべて相対的なものであり、拡大をもたらします。.eventSummaryandに必要な max-width を設定してみてください.eventLocation。また、それらに display: block を設定することを忘れないでください。

于 2013-02-11T08:13:02.777 に答える
0

幅が親 (ドキュメントの本文) の 100% に設定されているため、拡大しています。そのため、テーブルはその子に合わせて拡張されます。テーブルを固定幅の div に入れるか、テーブルの幅を固定します。

于 2013-02-11T08:04:38.460 に答える