Email 仅在Outlook软件上并排显示表格时出现问题

我正在创建一封HTML电子邮件，它在我测试的所有邮件客户端上都可以正常工作，Outlook 2016软件除外（在Outlook网站上正常工作）

我试着用td并排而不是桌子，但它破坏了我的反应能力。表格应该并排将电子邮件分成两部分。在Outlook软件中，第二个表格上方有一个很大的间隙，如果与第一个表格移动或不对齐

这是我的密码：

  <tr>
    <td align="center" bgcolor="#EEEEEE">
      <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" class="ee_element ee_textelement" data-title="Text" style="width: 700px; table-layout: auto;" width="700">
        <tbody>
          <tr>
            <td align="center" valign="top">
              <table align="center" border="0" cellpadding="0" cellspacing="0" class="em_wrapper" style="width:700px;table-layout: auto;" width="100%">
                <tbody>
                  <tr>
                    <td align="left" valign="top">
                      <table align="left" border="0" cellpadding="0" cellspacing="0" class="em_wrapper" style="width:350px;table-layout: auto;" width="350">
                        <tbody>
                          <tr>
                            <td align="center" class="em_pad_top" valign="top">
                              <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" class="sbs_block h_auto" style="width: 350px; background-color: rgb(255, 255, 255);table-layout: auto;height:400px" width="350">
                                <tbody>
                                  <tr>
                                    <td bgcolor="#00865B" class="col" style="vertical-align: middle;" width="350">
                                      <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                                        <tr>
                                          <td>
                                            <p style="color: #FFFFFF; margin: 0;font-size:16px">Lorem Ipsum</p>
                                          </td>
                                        </tr>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                      <table align="left" border="0" cellpadding="0" cellspacing="0" class="em_wrapper" style="width:350px;table-layout: auto;" width="350">
                        <tbody>
                          <tr>
                            <td align="center" class="em_pad_top" valign="top">
                              <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" class="sbs_block h_auto" style="width: 350px; background-color: rgb(255, 255, 255);table-layout: auto;height:400px" width="350">
                                <tbody>
                                  <tr>
                                    <td bgcolor="#00865B" class="col" style="vertical-align: middle;" width="350">
                                      <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                                        <tr>
                                          <td>
                                            <p style="color: #FFFFFF; margin: 0;font-size:16px">Lorem Ipsum</p>
                                          </td>
                                        </tr>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>
        </tbody>
      </table>
    </td>
  </tr>
</table>

Lorem Ipsum

Lorem Ipsum

我希望我的两张桌子能够像在所有其他电子邮件客户端上一样并排对齐。

欢迎使用SO

为此，您需要在两个左对齐的表之间放置以下代码段：

<!--[if mso]>
   </td>
   <td valign="top" align="center">
<![endif]-->

由于MSO的特性，它不支持表浮动，因此这实际上取决于MSO，并将它们转换为两列

<td align="center" bgcolor="#EEEEEE">
  <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" class="ee_element ee_textelement" data-title="Text" style="width: 700px; table-layout: auto;" width="700">
    <tbody>
      <tr>
        <td align="center" valign="top">
          <table align="center" border="0" cellpadding="0" cellspacing="0" class="em_wrapper" style="width:700px;table-layout: auto;" width="100%">
            <tbody>
              <tr>
                <td align="left" valign="top">
                  <table align="left" border="0" cellpadding="0" cellspacing="0" class="em_wrapper" style="width:350px;table-layout: auto;" width="350">
                    <tbody>
                      <tr>
                        <td align="center" class="em_pad_top" valign="top">
                          <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" class="sbs_block h_auto" style="width: 350px; background-color: rgb(255, 255, 255);table-layout: auto;height:400px" width="350">
                            <tbody>
                              <tr>
                                <td bgcolor="#00865B" class="col" style="vertical-align: middle;" width="350">
                                  <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                                    <tr>
                                      <td>
                                        <p style="color: #FFFFFF; margin: 0;font-size:16px">Lorem Ipsum</p>
                                      </td>
                                    </tr>
                                  </table>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  <!--[if mso]>
                     </td>
                     <td valign="top" align="center">
                  <![endif]-->
                  <table align="left" border="0" cellpadding="0" cellspacing="0" class="em_wrapper" style="width:350px;table-layout: auto;" width="350">
                    <tbody>
                      <tr>
                        <td align="center" class="em_pad_top" valign="top">
                          <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" class="sbs_block h_auto" style="width: 350px; background-color: rgb(255, 255, 255);table-layout: auto;height:400px" width="350">
                            <tbody>
                              <tr>
                                <td bgcolor="#00865B" class="col" style="vertical-align: middle;" width="350">
                                  <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                                    <tr>
                                      <td>
                                        <p style="color: #FFFFFF; margin: 0;font-size:16px">Lorem Ipsum</p>
                                      </td>
                                    </tr>
                                  </table>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
</td>

Lorem Ipsum

Lorem Ipsum

---

这只是mso的诸多怪癖之一：）

您好，谢谢您的帮助。不幸的是，现在桌子是一个接一个的。有什么想法吗？