如果你使用的是bootstrap，你可以使用他们的网格系统：Bootstrap Grid System
如果你不这样做，那么你可以把你的表放在一个宽度为50%的父div中，然后把两个父div放在另一个宽度为100%的div中。
我强烈建议你使用css框架，如果你还没有使用的话。

既然你已经在创建表格了，那么你也可以创建嵌套表格。当然，你可以根据自己的意愿来设置样式和对齐。

table       { border: solid 1px black }
table table { border: solid 1px red }

个字符

在尝试了不同的方法之后，最简单的解决方案是使用Flexbox。
我的解决方案是基于Jan Derk在这个post中的回答。
因为我只需要2列，所以我在表上使用了float: left/right属性：

jQuery("table").each(function(index, value) {

    if(index%2===0){

        jQuery(this).css({"float": "center","width": "45%"});

    }else {

        jQuery(this).css({"float": "left","width": "45%"});

    }

});

字符串
然后在周围的Div元素上，我分配了这些CSS属性：

jQuery("#div_id").css({"display":"flex","flex-wrap":"wrap", "justify-content": "center"});

型
此解决方案也是响应式的，当您调整窗口大小或使用移动的屏幕时，它会动态调整大小。

#wrap {
   width:600px;
   margin:0 auto;
}
#left_col {
   float:left;
   width:300px;
}
#right_col {
   float:right;
   width:300px;
}

个字符
确保列宽之和等于换行宽度。或者，您也可以使用宽度的百分比值。
有关使用CSS的基本布局技术的更多信息，请查看此tutorial

选项I -使用Float CSS。

示例如下：

<div style="float: left;width: 49%;">
    <!--table 1-->
</div>
<div style="float: right;width: 49%;">
    <!--table 2-->
</div>

字符串

选项二-将您的table放在另一个table内

示例如下：

<table>
    <tbody>
        <tr>
            <td>table 1</td>
            <td>table 2</td>
        </tr>
        <tr>
            <td>table 3</td>
            <td>table 4</td>
        </tr>
        <tr>
            <td>table 5</td>
            <td>table 6</td>
        </tr>
    </tbody>
</table>

型

你可以用Bootstrap来管理网格系统，或者用css来管理。我不能给你举个例子，因为你还没有发布你的代码。

很简单，你可以用css来做。使用css选择器，它会选择div中的所有表格，并将它们设置为宽度的50%。像这样使用css：

<style>
    #example table{
        width: 50%;
    }
</style>

字符串
如果这不能完美地工作，那么像这样添加float left：

<style>
    #example table{
        float: left;
        width: 50%;
    }
</style>

型