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，有道友知道可以贴出~   后续完成小程序之后，再解决吧！