Question

我试过下面的代码。代码1：

 <table><tr>
    <td><table>table1</table></td>
    <td><table>table2</table></td>
    </table>

它工作正常，但在一定的高度引入分页符后，我想避免。所以我尝试下面的代码，代码2：

 <div style="width:650px">
    <table align="right" style="width:500px;">table1</table>
    <table align="left" style="width:125px;">table2</table>
    </div>

这在Outlook邮件中不起作用，请问有人可以建议我如何在Outlook中使第二个代码工作？或如何克服第一个代码中的分页问题？

Answer 1

根据您的内容和空间，您可以使用floats或内嵌display：

 <div style="width:650px">
  <table style="display:inline-block;">table1</table>
  <table style="float: left;">table2</table>
 </div>

html样式在outlook邮件中并排获得2个表？

1 个答案:

Demo