html - 如何设置相邻且位于单独 div 中的两个表的高度？

Question

我在第一个表的 tr(table row) 的两个相邻 divs.height 中有 2 个表与第二个表的不匹配。我希望两个表的 tr（表行）的高度应该相同。那么如何根据左表的 tr（表行）的高度设置/调整第二个（右）表的 tr（表行）的高度？请帮助..它应该在不同的分辨率下工作..

Answer 1

使用 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);
}

Answer 2

或者使用 css，到一个固定的高度：

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