使用行跨度上表，跨瀏覽器

Question

最後一排的行爲所以我有一個表，像下面

<table> 
<tbody> 
    <tr> 
     <td rowspan="4"> 
      <img src="ImageofProduct.jpg" /> 
     </td> 
     <td>ProductName</td> 
     <td>Hat</td> 
    </tr> 
    <tr style="height:1%"> 
     <td>Description</td> 
     <td>Descriptions here</td> 
    </tr> 
    <tr style="height:1%"> 
     <td>Description</td> 
     <td>Descriptions here</td> 
    </tr> 
    <tr> 
     <td colspan="2"><button /></td> 
    </tr> 
</tbody> 
</table> 

現在你可以看到第一個電池具有將要跨越表的每一行一個IMG。有時這個圖像會更高，然後右邊的內容有時不會是..

現在我已經應用高度：每行1％，這樣，而不是firefox試圖均勻地分散每行的高度來匹配圖像的高度。它們將盡可能小，除了最後一個將跨越餘下的高度。

在Firefox這個完美的作品，但在Chrome並不覺得有必要作出這樣的跨越每一行的第一個單元格的其他所有行總高度匹配。

是他們讓它在Chrome中工作正常的方式？或者至少兩者行爲相同？

Answer 1

我只是想你的代碼，它適用於Chrome我。

然而，由於您使用表反正你總是可以回去CSS前幾天：

<tr> 
    <td>Description</td> 
    <td>Descriptions here</td> 
</tr> 
<tr> 
    <td>Description</td> 
    <td>Descriptions here</td> 
</tr> 
<tr height="*"> 
    <td colspan="2"><button /></td> 
</tr>