如何設置高度爲<tr>的兩個表都是獨立的div和div？

我有兩個表中的兩個adjecent divs.height（錶行）的第一個表與第二個表的表不匹配。我希望兩個表的tr（錶行）的高度應該是相同的。那麼我怎樣才能根據左表的tr（錶行）的高度來設置/調整第二個（右）表的tr（錶行）的高度？ plz幫助..它應該在不同分辨率下工作..如何設置高度爲<tr>的兩個表都是獨立的div和div？

來源

2012-06-13 abcuser

要麼設置一個固定的高度，要麼使用JavaScript來確保它們的高度相等。 – powerbuoy

這也應該工作在不同的決議.. plz任何人都可以提供JS代碼？ – abcuser

使用jQuery：

$tableheight2 = $('#table2').height(); 
$tableheight = $('#table1').height(); 


if($tableheight >= $tableheight2) 
{ 

$('#table2').height(($tableheight); 

}else{ 

$('#table1').height($tableheight2); 

}

與TR使其成爲：

$trheight = 0; 

/* loop all tr in function */ 
$('#table1 tr').each(function() { 

    /* replace $strheight with tr height when smaller */ 
    if($(this).height()>$strheight){ 
    $strheight=$(this).height(); 
    } 
} 

/* loop all tr and replace the height with $strheight */ 
$('#table1 tr').each(function() { 
    $(this).height($strheight); 
}

來源

2012-06-13 08:07:11

你好Joeri，我想設置tr的高度，而不是桌子高度..你有任何解決方案嗎？ – abcuser

這應該在不同的分辨率下工作 – abcuser

這是不正確的：'$（'＃table2'）。height（）= $ tableheight;'，這是：'$（'＃table2'）。height（$ tableheight） ;'。另外，它需要在我認爲的每一行的單元上運行。 – powerbuoy

或者利用CSS，以一個固定的高度：

<style> 
    table tr { 
     height: 50px; 
    } 
</style>

來源

2012-06-13 08:13:05 Angel

我將高度設置爲'td'代替。但也許把它設置爲'tr'作品。 – powerbuoy

這只是一個想法，提出問題的用戶可以嘗試一下。 – Angel

如何設置高度爲<tr>的兩個表都是獨立的div和div？

回答

相關問題