html中table並排展示

解決方式一：將所有需要並排的table放入一個大的table中

<div class="modal-body" style="width: 100%">
                <table>

                    <tr>
                        <td>
                            <!--<div style="width: 50%;" id="showBaseResponse">-->
                            <table width="50%"   border=1   style="display:inline" class="table-bordered" id="ESCompare" >
                                <tbody></tbody>
                            </table>
                            <!--</div>-->
                        </td>
                        <td>
                            <!--<div style="width: 50%;" id="showDiffResponse">-->
                            <table width="50%"   border=1   style="display:inline" class="table-bordered" id="TestCompare">
                                <tbody></tbody>
                            </table>
                            <!-- </div>-->
                        </td>
                    </tr>


                </table>


            </div>

其他解決方式：放入div中，偏移div，有道友知道可以貼出~   后續完成小程序之后，再解決吧！