在Outlook中未正确显示的响应HTML邮件表

问题描述：

在我提前给自己贡献自己的意见之前，我要承诺犯罪分子的基本罪行并请求您提供某些东西，请接受无保护的道歉。在Outlook中未正确显示的响应HTML邮件表

但是在我的防守中，Outlook让我受苦。

这里是我的代码：

<table class="100p" border="0" cellpadding="0" cellspacing="0" width="600" id="templateColumns" > 
 
    <tr> 
 
     <td align="center" valign="top"> 
 
      <table align="left" border="0" cellpadding="10" cellspacing="0" width="300" class="templateColumnContainer"> 
 
       <tr> 
 
        <td class="leftColumnContent"> 
 
         <img class="emailImage" src="http://placekitten.com/g/480/300" width="280" style="max-width:280px;" /> 
 
        </td> 
 
       </tr> 
 
       <tr> 
 
        <td valign="top" class="leftColumnContent"> 
 
         <h1>Left Column</h1> 
 
         Lorem ipsum dolor sit amet. 
 
        </td> 
 
       </tr> 
 
      </table> 
 
\t \t \t 
 
\t \t \t 
 
\t \t \t <table align="right" border="0" cellpadding="10" cellspacing="0" width="300" class="templateColumnContainer"> 
 
       <tr> 
 
        <td class="rightColumnContent"> 
 
         <img class="emailImage" src="http://placekitten.com/g/480/300" width="280" style="max-width:280px;" /> 
 
        </td> 
 
       </tr> 
 
       <tr> 
 
        <td valign="top" class="rightColumnContent"> 
 
         <h1>Right Column</h1> 
 
         Lorem ipsum dolor sit amet. 
 
        </td> 
 
       </tr> 
 
      </table> 
 

 
     </td> 
 
    </tr> 
 
</table> 
 
<br>

我的问题是，在浏览器和非Outlook电子邮件客户端内表的内容显示在在线或堆叠取决于屏幕尺寸。

但是，Outlook中并非如此。我的“右栏”显示在我的“左栏”下方，并与右栏对齐。

我能做些什么来使Outlook一致？

如果这是一个重复发生的问题，谢谢并再次对不起，我明白它可能会令人讨厌！

约瑟夫

答

你有一列两个表。结束第一表与</td><td>到2和表分离成不同的列

<table class="100p" border="0" cellpadding="0" cellspacing="0" width="600" id="templateColumns" > 
 
    <tr> 
 
     <td align="center" valign="top"> 
 
      <table align="left" border="0" cellpadding="10" cellspacing="0" width="300" class="templateColumnContainer"> 
 
       <tr> 
 
        <td class="leftColumnContent"> 
 
         <img class="emailImage" src="http://placekitten.com/g/480/300" width="280" style="max-width:280px;" /> 
 
        </td> 
 
       </tr> 
 
       <tr> 
 
        <td valign="top" class="leftColumnContent"> 
 
         <h1>Left Column</h1> 
 
         Lorem ipsum dolor sit amet. 
 
        </td> 
 
       </tr> 
 
      </table> 
 
     </td> 
 
     <td> 
 
      <table align="right" border="0" cellpadding="10" cellspacing="0" width="300" class="templateColumnContainer"> 
 
       <tr> 
 
        <td class="rightColumnContent"> 
 
         <img class="emailImage" src="http://placekitten.com/g/480/300" width="280" style="max-width:280px;" /> 
 
        </td> 
 
       </tr> 
 
       <tr> 
 
        <td valign="top" class="rightColumnContent"> 
 
         <h1>Right Column</h1> 
 
         Lorem ipsum dolor sit amet. 
 
        </td> 
 
       </tr> 
 
      </table> 
 
     </td> 
 
    </tr> 
 
</table> 
 
<br>

在Outlook中未正确显示的响应HTML邮件表

相关推荐