当单元内部具有不同数量的元素时，填充整个单元高度

Question

我有一个表格，其中有多列，里面有不同数量的元素，并且在每个元素的下面排列，我希望单元格中的所有元素都使用整个单元格的高度。

当前，当我有一个包含4个元素的单元格和一个包含2个元素的单元格时，一个4的单元格将使用整个高度，而一个2的单元格将使用整个高度，并且具有正常的单元格bbackground颜色以及该元素未覆盖的区域。

这是我桌子的一行

<tr>
    <td><a href="/link">link</a></td>
    <td><div class="row" style="margin-left:2px;"> hello world </div>
    <div class="row" style="margin-left:2px;">-</div></td>
    <td>hello world</td>
    <td>-10</td>
    <td style="text-align: center;padding:0px;">
        <div class="" style="margin:0px; background-color:red;">hello world</div>
        <div class="" style="margin:0px; background-color:red;">hello world</div>
        <div class="" style="margin:0px; background-color:red;"></div>
        </td>
    <td>-14</td>
    <td style="text-align: center;padding:0px;">
        <div class="" style="margin:0px; background-color:red;"></div>
        <div class="" style="margin:0px; background-color:green;">hello world</div>
        <div class="" style="margin:0px; background-color:red;">hello world</div>
        <div class="" style="margin:0px; background-color:red;">hello world</div>
        </td>
    <td>-4</td>
    <td style="text-align: center;padding:0px;">
        <div class="" style="margin:0px; background-color:green;">hello world</div>
        <div class="" style="margin:0px; background-color:green;">hello world</div>
        <div class="" style="margin:0px; background-color:red;">hello world</div>
        </td>
    <td>-1</td>
    <td style="text-align: center;padding:0px;">
        <div class="" style="margin:0px; background-color:red;">hello world</div>
        </td>
    <td>-29</td>
</tr>