javascript - 如何将table2放在table1下面？

Question

如果table1的位置居中且table1的宽度大于table2，如何将table2放在table1的下面？

HTML

<table id="table1" align="center" style="width:150px;">
<tr>
    <td height="50">Table 1</td>
</tr>
</table>
<table id="table2">
    <tr>
        <td height="50">Table 2</td>
    </tr>
</table>

CSS

#table1 {
   background: #ccc
}
#table2 {
   background: #666;
}

问题图片

https://prnt.sc/i9r851

Answer 1

...将它们都放在父容器元素中并应用以下属性:

.parentdiv {
  display:table;
  width:auto;
  margin:0 auto;
}