一张桌子占据其他桌子的可用高度

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了......但还没有成功。

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

任何帮助将不胜感激。

Answer 1

试试这个：

#t1 td {
    vertical-align: middle;
}