我试图像这样水平渲染2个表： @H_502_2@|表1 | |表2 |
| ——— | | ———- |
| ——— | | ———- |
| ——— | | ———- |

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

@H_502_2@目前,我得到了这个HTML：

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

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

@H_502_2@|表1 |
| ——— | |表2 |
| ——— | | ———- |
| ——— | | ———- |

@H_502_2@我希望它从顶部开始.

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