使用行跨度上表，跨浏览器

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>