解决方式一：将所有需要并排的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，有道友知道可以贴出~ 后续完成小程序之后，再解决吧！
html中table并排展示
原文地址：https://www.cnblogs.com/CherishZeng/p/9789181.html