額外填充展望2013

除了Outlook 2013 + 2016，我的電子郵件看起來很棒。似乎在我的最終表格行頂部有額外的填充。額外填充展望2013

這是我的代碼。圖像的高度爲10px，看起來表格頂部有一個額外的10px填充。

這是你可以在上面看到的粉紅色（ish）行。

這裏是我的代碼。有任何想法嗎？

<table width="600" align="center" cellspacing="0" cellpadding="0" style="padding: 0 !important;margin: 0 !important; background-color: #ed5d98;" bgcolor="#ed5d98"> 
     <tr> 
     <td> 
      <table width="600" cellspacing="0" border="0" cellpadding="0" align="center style="width: 600px !important; mso-line-height-rule:exactly"> 
      <tr> 
       <td width="600" valign="bottom" style="width: 600px !important;background-color: #fff mso-line-height-rule:exactly;" bgcolor="#fff"> 
       <img width="600" src="https://eoa-editor.s3.amazonaws.com/f90c5762a5514d4fa25ece7946c98bfd37feee58%2Fframe.png" alt"" /> 
       </td> 
      </tr> 
      </table> 
     </td> 
    </tr> 
    </table>

來源

2016-08-30 brando

保存您的電子郵件，並在IE中打開它。您擁有的代碼不一定是由Outlook呈現的代碼。 Outlook將推斷您擁有的內容，並在其認爲需要的地方添加默認樣式和元素。 – scrappedcola

有幾件事情你可以嘗試。首先將border =「0」添加到圖像中，並且還可以將圖像封裝在div中，並將內聯css高度設置爲圖像。此外，您可以將圖像向左或向右對齊（取決於佈局），並將內聯邊距：0px添加到圖像。

來源

2016-08-30 02:58:08 user1725382

你有mso線高度規則：完全在你的風格，但沒有指定行高或字體大小，所以Outlook將假設像15px的東西。嘗試添加字體大小：0; line-height：1px;到你的TD風格。這通常不會對Outlook 2013年

來源

2016-08-30 16:50:24

的伎倆這應該工作：

<table width="600" align="center" cellspacing="0" cellpadding="0"> 
    <tr> 
     <td width="100%" style="font-size: 0; mso-line-height-rule: exactly; line-height: 0;" bgcolor="#ed5d98"> 
      <table width="100%" cellspacing="0" border="0" cellpadding="0" align="center"> 
       <tr> 
        <td width="100%" valign="bottom" style="font-size: 0; mso-line-height-rule: exactly; line-height: 0;" bgcolor="#ffffff"> 
         <img width="600" src="https://eoa-editor.s3.amazonaws.com/f90c5762a5514d4fa25ece7946c98bfd37feee58%2Fframe.png" alt"" style="display: block;"> 
        </td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table>

添加font-size: 0; mso-line-height-rule: exactly; line-height: 0;到<td> s到執行確切的行高度
添加display: block;到<img>否定額外的行高度
刪除了<table>和<td>的幾個重複屬性

來源

2016-08-30 17:24:30

額外填充展望2013

回答

相關問題