テーブルの高さが固定されており、列数が可変なテーブルラインの伸びは避けてください。
-
11-09-2019 - |
質問
HTML形式のテーブルがあります。光学的な理由で固定された高さがあります。テーブル内の行数は、利用可能なフォームフィールドの数によって異なります。
問題:行が非常に少ない場合、すべての行が垂直に引き伸ばされ、入力要素間のスペースが増加します。
データ行A(偽の)固定高さを与えることで、これを回避できます。私はそれを与えることができる固定された高さ(相対的なフォントサイズ、アクセシビリティ)があり、将来の問題を恐れているので、私はそのアプローチが好きではありません。
私に何ができる?私は最後の(空の)行を持っていますが、すべての「利用可能な」スペースを自動的に占有するように、そこに何を入れるべきかわかりません。
解決 3
これは実行不可能だと思います。
他のヒント
高さのないテーブルを、テーブルを模倣する固定された高さのDIVに置きます(境界?BGCOLOR?)。
ちなみに、ただやっています tbody { display: inline; }
空の行の代わりに、すべての実際のブラウザで動作します。いいえ、MSIEではありません。 tbody
ElementにはMSIEには多くの欠点があります。また、能力もありません overflow: scroll;
固定ヘッダー付きのスクロール可能なテーブルがあるのは素晴らしいことです。
最後の空の行でセルの高さを100%に設定できませんでした。
ええ、テーブルベースのWebサイトは年齢を超えていますが、データを表示するにはテーブルが必要です。実際、私はこれがテーブルセル自体では実行できないことをペッカに同意しなければなりませんが、私たちが作ることができるものがあります。
内部でデータをラップしてみてください td
aにセル div
そしてそれをスタイリングします div
あなたが望む高さまで、そしてそれを設定します overflow
プロパティへ hidden
.