0

css と html だけを使用して、テーブルの行を互いに重ねることは可能ですか?

助けてください。ページはこちらです。ユーザーが条件付き休暇を選択すると、入力する別の追加フィールドが表示されます。しかし、テーブルが長すぎないように行をオーバーラップするように設定できるかどうかを知りたいだけです。

http://www.tritech.com.sg/consultants/intranet/leave_application/leave_form/index.php

4

1 に答える 1

1

はい、CSS と HTML を使用して要素をオーバーラップさせることは可能です。これを行うには多くの手法がありますが、そうすると、それらの行のコンテンツがオーバーラップすることになります。実際にコンテンツを非表示にしたい場合を除き、これはスペースを節約するための優れた手法ではありません。行やセルのパディングを減らす方が良いでしょう。

そうは言っても..

tr
{
    display:block;
    position:absolute;
    height:15px;
    top:0px;
}

それらがテーブル行のように動作するのを止めるには、ブロックする位置を設定する必要があります。次に、それらをどのように制御する必要があるかに応じて、相対位置または絶対位置に配置します。次に、一致する新しい上位値を設定します。このスタイルは、すべての表の行を表の上部に揃えます。表内のセルは要素に制約されなくなることに注意してください。これは、表から飛び出すため、非表示にする必要があることを意味します。using overflow:hidden;

これであなたの質問が解決されることを願っていますが、これよりも優れたオプションを検討することをお勧めします. コンテンツを表示する必要がない場合は、要素を設定display:none;する方が効果が高く、インラインまたはクラスとして簡単に切り替えることができます。

使用するサンプルコードがあれば、PS の方が良い例です。

于 2012-08-23T09:48:33.893 に答える