如何标准化表行高度行为

Question

下面的代码显示了第一个单元格中带有“rowspan”选项的表。

根据所使用的浏览器（即firefox和chrome），细节线的高度比例会有所不同。

我的问题：有没有办法将这种行为标准化，无论它是什么？

感谢您的提示。

<table border=1>
  <tr>
    <td rowspan="3">GroupCell<br><br><br><br><br><br><br></td>
    <td style="vertical-align:top;">Detail 1</td>
  </tr>
  <tr>
    <td style="vertical-align: top;">Detail 2</td>
    </tr>
    <tr>
    <td style="vertical-align: top;">Detail 3</td>
  </tr>
</table>

Answer 1

只需在td添加固定高度即可帮助标准化浏览器的高度。

CSS：

td {
     height:50px;
     vertical-align: top;
}

请参阅Fiddle。