trを強制的に崩壊させることはできませんか？私はのようなコードを持っているはず

Question

：私が望む何

 

<table> 
    <tr style="background-color: red"><td><pre>This is line one</pre></td></tr> 
    <tr style="background-color: red"><td><pre></pre></td></tr> 
    <tr style="background-color: red"><td><pre>This is line three</pre></td></tr> 
    <tr style="background-color: red"><td><pre>This is line four</pre></td></tr> 
</table> 
 

は、他の線と同じ高さにするために第2ラインのためです。これを行う方法はありますか？

Answer 1

HTMLソリューション：：ここで

var maxHeight =0; 
$("tr").each(function(){ 
    if($(this).height()>maxHeight){ 
     maxHeight = $(this).height(); 
    } 
}); 

$("tr").css({height: maxHeight+'px'}); 

はjsFiddleある

<tr style="background-color: red"><td>&nbsp;</td></tr> 

へ

変更

<tr style="background-color: red"><td></td></tr> 

しかし、あなたは本当にCを使用する必要がありますSSクラスを使用して、「スタイル」属性を使用する代わりに行のスタイルを設定します。

Answer 2

スタイルを設定します。

tr{ 
    height: 20px; 
} 

javascript（jQuery）を使用する場合は、次のようにします。 http://jsfiddle.net/Xtyqr/

Answer 3

rcravensが正しいです。

必要であれば、あなたもHTMLで直接その高さを設定することができます：Firefoxで

<table> 
<tr style="background-color: red" height = 20><td>This is line one</td></tr> 
<tr style="background-color: red" height = 20><td></td></tr> 
<tr style="background-color: red" height = 20><td>This is line three</td></tr> 
<tr style="background-color: red" height = 20><td>This is line four</td></tr> 
</table> 

作品、私は行の高さを知っているだろうどのように4ベータ10