表格：行中单元格的高度相同

我正面临以下问题。我有一个基于表格布局的遗留应用程序。表格：行中单元格的高度相同

在一种情况下，我有嵌套表，我想要在同一行中的两个内部表具有相同的高度。

在这里看到：

我想有两个绿色和红色内表相同的高度。

希望有人能帮忙。

编辑： 内表的高度必须是柔性的，只有在这个例子中我使用了固定有用于内表中的一个，这是不正常的情况下。

来源

2011-05-30 Jeremy S.

其他

如上面提到关于高度上的一个表，但是没有，你可以添加所需的高度到父tr，然后在height = 100%，他们都通过自己的HTML已经离开这两个嵌套表（那些用绿色和红色背景）属性太

<table> 
    <tr style="height: 400px;">... 
    .... 

    <table style="background:green" width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"> 
    .... 

    <table style="background:red" width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">

http://jsfiddle.net/clairesuzy/q6aZ3/4/

来源

2011-05-30 14:29:35 clairesuzy

有趣的是，它适用于FF但不适用于Chrome，至少在Win7 64bit下，Chrome版本11.0.696.3 – 2011-05-30 14:56:14

发生这种情况是因为红色table的内嵌css height:400px。红色table也加上height:400px，它们会有相同的高度。

演示：http://jsfiddle.net/q6aZ3/1/

来源

2011-05-30 13:51:34 Sotiris

喜@Sotiris，我忘记提到的一件事是内部桌子的高度必须灵活。只有在所示的例子中，一张桌子有一个预定义的高度，这不是正常情况 – 2011-05-30 14:57:30

由于索蒂里斯提到的，这是因为在一个你有高度的inline声明;但不是第二个。如果你想要的是让他们两个可变高度，使他们始终是相同的高度，你可以用一些JavaScript做到这一点：

$(document).ready(function() { 
    var green = $('#ext-gen1611'), red = $('.newframeContainer'); 
    if(red.height() > green.height()) { 
     green.height(red.height()); 
    } else { 
     red.height(green.height()); 
    } 
});

来源

2011-05-30 13:57:47 MarioRicalde

表格：行中单元格的高度相同

回答

相关问题