2016-03-01 90 views
0

这里是如何看起来前景:MS Outlook的表格填充太大

enter image description here

但它应该是这样的:

enter image description here

下面是代码:

<table style="border-bottom: solid 1px #e5e0d8; background-color: #0f0;" class="content_module" width="600" border="0" cellpadding="15" cellspacing="0"> 

    <tr> 

     <td> 

      <table style="background-color: #f0f;" class="content_col" width="285" border="0" cellspacing="0" cellpadding="15" align="left"> 

       <tr> 

        <td style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-color: #f00;"> 

         <!-- img --> 

        </td> 

       </tr> 

      </table> 


      <table style="background-color: #00f;" class="content_col" width="285" border="0" cellspacing="0" cellpadding="15" align="right"> 

       <tr> 

        <td style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-color: #00f;"> 

         <!-- text --> 

        </td> 

       </tr> 

      </table> 

     </td> 

    </tr> 

</table> 

看起来像outlook添加3px填充左和正确...看到任何人都有错误?如果问题是空格,我已经试过了,但事实并非如此。

+0

这是一个石蕊生成https://litmus.com/builder/47eace2 –

回答

0

问题是MSO的表空间...

我完全清除的cellpadding并添加style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"在整个邮件中的所有表。

0

您必须制作一张这样的桌子;

   <table width="480" align="left" cellspacing="0" cellpadding="0"> 
        <tr> 
         <td width="30" style="border:2px solid black;"> 
          Some Text 
         </td> 
         <td width="110" style="border:2px solid black;"> 
          Some Text 
         </td> 
        </tr> 
       </table> 
+0

这两个表是一个响应式布局,像这里https://www.campaignmonitor.com/dev-resources/guides/mobile/#four ...它不适用于一张桌子。 –