垂直对齐在表格列内不起作用

Question

我有一个包含4个单元格的表（2行，2列）。

在每个牢房内，我都有一张不同高度的桌子。

当我显示这张表时，我看到了：

但我希望它们垂直位于单元格的顶部，如下所示：

我尝试将此类添加到外部表中：

.externalTable tr td  {
      vertical-align: top;
}

或

.externalTable  {
      vertical-align: top;
}

没有成功......任何想法？

Answer 1

确保 td 低于CSS

td {display: table-cell;}

Answer 2

指定单元格的高度并尝试这样给出。

#cellID{
    display: flex;
    height: 50vh; //height of the cell
    justify-content: center;
    align-items: flex-start;
}