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

我正面臨以下問題。我有一個基於表格佈局的遺留應用程序。表格：行中單元格的高度相同

在一種情況下，我有嵌套表，我想要在同一行中的兩個內部表具有相同的高度。

在這裏看到：

我想有兩個綠色和紅色內表相同的高度。

希望有人能幫忙。

編輯： 內表的高度必須是柔性的，只有在這個例子中我使用了固定有用於內表中的一個，這是不正常的情況下。

來源

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

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

回答

相關問題