html - 如何标准化表格行高行为

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;
}

见小提琴。