如何渲染2个html表彼此相邻？

我试图像这样水平渲染2个表：

|表1 | |表2 |
| ——— | | ———- |
| ——— | | ———- |
| ——— | | ———- |

这样做的正确方法是什么？

目前,我得到了这个HTML：

<div style="vertical-align:top;">
 <table style="display:inline-table;">
  ...1st table
 </table>
 <table  style="display:inline-table;">
  ...2nd table
 </table>
</div>

有垂直对齐的麻烦,它会像这样呈现出来(表#2少了1行)：

|表1 |
| ——— | |表2 |
| ——— | | ———- |
| ——— | | ———- |

我希望它从顶部开始.

附：有related question,但我不想用w / div包裹它.

解决方法

（编辑：东莞站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!