css - 非表示の td 要素を表示するために行の高さを除外する方法

Question

私の目標はtd、可視td要素のグリッドに「AutoWrap」要素を設定することです。

特定の目的のために、IE8 ブラウザーの要素を非表示に設定visibility:hiddenしました。width:0pxtd

td非表示の自動ラップ要素に基づいて、可視要素の高さを調整しtdます。

tdを使用せずに、表示されている要素の非表示の要素の高さを除外する方法は他にありますかdisplay:none。

デモ

Answer 1

あなたがコメントしたように、使用するのは冗長ですdisplay: none;.CSSだけでこれを達成したい場合は、以下のCSSルールを使用するのが最善です.

table tr td:first-child {
    font-size: 0;
    padding: 0;
}

デモ

注:border="1" cellspacing="1"テーブルの左側に太い境界線が表示されているものを使用しています。