有没有办法在高度上对齐两张并排放置的桌子？

Question

如果我有这样的情况：

 <table> <tbody> <tr> <td width="100%"> <table width="640"> <tbody> <tr> <td width="100%" id="column1"> <table id="right"> ...... </table> </td> <td width="100%" id="column2"> <table id="left"> ...... </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table>

是否可以在不给出固定高度的情况下使column1和column2具有相同的高度？

我不能使用 javascript，只有 flexbox 的 css/html 是不是由我创建的代码，用于电子邮件设计。

Answer 1

您可以简单地将它们应用于height相同的类，但仍为其他属性保留不同的 id，因此只要它们具有相同的类，它们将始终具有相同的高度：

（这里这些是 div 但与表相同的进程）

 #container{ display: flex; } .height{ height: 100px; //and if you want height not fixed just set it auto or fit-content... } #width1{ width: 70%; background-color: red; } #width2{ width: 30%; background-color: blue; }

 <div id="container"> <div id="width1" class="height"> div 1 </div> <div id="width2" class="height"> div 2 </div> </div>