html - 一个表占用其他表中单元格的可用高度

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 .所以他们 parent 的高度<td>由#t2中的内容量决定

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

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

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

如有任何帮助，我们将不胜感激。

Answer 1

试试这个:

#t1 td {
    vertical-align: middle;
}