html - テーブルのすべての行を最大の行と同じ高さにする方法

Question

テーブルのすべての行を、テキストが最も長い行と同じ高さにして、それに応じて拡張しようとしています。

しかし、私が達成したのは、これを読んだ後、それらに固定の高さを与えることだけです： テーブルのすべての行を同じ高さにするように強制するにはどうすればよいですか？

これは、明らかに予測できないテキストをどれだけ入れるかを予測する必要があることを意味します。CSSで可能ですか、それともJavascriptを使用する必要がありますか？

Answer 1

純粋なCSSでは不可能です。

javascriptでそれを行うことが可能です。たとえば、jQueryを使用すると、次のように記述できます。

var maxHeight = null;
$(<MY LINES>).each(function() {
    var thisHeight = $(this).height();
    if(maxHeight == null || thisHeight > maxHeight) maxHeight = thisHeight;
}).height(maxHeight);

境界線の場合を処理し、線の最大および最小の高さを含めることを忘れないでください。