-2

下のスクリーンショットに表示される効果を実現したいのですが、テーブルセルのコンテンツ(ミケランジェロの青いセル...)は完全に表示されますが、セルの幅は同じままである必要があります。

それ、どうやったら出来るの?

私は、アプリケーションの残りの部分としてjavascriptを多用する必要があるソリューションを受け入れています。また、テーブル自体はdojoによって生成されます。

colspan> 1にすることは、他の場合には機能しないため、オプションではありません。他の機能に役立つので、私は本当に単一のセルだけを使用したいと思います。

スクリーンショットhttp://uppix.net/4/d/9/8cfc6aba556405f910871598afa10.png

マークアップとcss:http: //jsfiddle.net/sGkpq/ style.less http://pastebin.com/waXWDf4J

@ Sparky672が指摘したように、リンクが死んだ場合に備えて、私の質問を自己完結型にするために:

同じサイズのテーブルセルが必要でした。セル内のコンテンツがセル自体よりも大きい場合でも、コンテンツは表示され、次のセルに流れる必要があります。したがって、セル内のテキストがセルより長い場合は、そのコンテンツをオーバーレイする次のセルにオーバーフローする必要があります。

4

1 に答える 1

0

overflow-x: hiddenから削除するだけtable.reservation-table tdです。テキストは、セルの末尾を超えて続きます。

もちろん、名前がその後ろのセルよりも長い場合 (たとえば、Michal が 1 日だけ予約した場合) に機能させたい場合は、より複雑になりますが、おそらく実行可能です。

于 2012-10-14T16:15:57.603 に答える