一张表格占用另一张表格中单元格的可用高度

Question

情况有点像这样

<table>
    <tbody>
        <tr>
            <td>
                <table align="left" id="t1" style="width: 30%">
                    ....
                </table>
                <table align="left" id="t2" style="width: 70%">
                    ....
                </table>
            </td>
        </tr>
    </tbody>
</table>

现在表#t1 中的内容比#t2 少。所以他们的父母<td>的高度是由#t2中的内容量决定的

有没有办法让#t1居中对齐或让#t1占据整个可用高度？

已经在他们身上尝试过vertical-align.. 还没有成功。

可以更改标记。但不能用<div>替换<table>

任何帮助将不胜感激。

Answer 1

试试这个：

#t1 td {
    vertical-align: middle;
}