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

时间:2017-12-05 09:39:47

标签: html css html5 css3

我有一个包含4个单元格的表(2行,2列)。

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

当我显示这张表时,我看到了:

enter image description here

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

enter image description here

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

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

.externalTable  {
      vertical-align: top;
}

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

2 个答案:

答案 0 :(得分:1)

确保 td 低于CSS

td {display: table-cell;}

答案 1 :(得分:0)

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

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