刪除1px的差距在Outlook 2013-2016

我想在最右邊出現在Outlook 2010中，2013年VML圖形擺脫1px的差距，2016年刪除1px的差距在Outlook 2013-2016

據我所知，Outlook將<p></p>自動到xml的底部，這就是爲什麼我將字體大小和行高修正爲底部的缺口的原因。任何可能會自動添加可能會增加空間的建議？

<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v"/> 
    <v:polyline style="width: 500px; 24px; display: inline-block; padding-right: 0pt; border: 0pt !important;" fillcolor="#563d82" strokecolor="#563d82" strokeweight="0pt" stroke="false" coordorigin="0 0" coordsize="24 500" v:borderrightcolor="#ff0000" points="0pt,24pt, 500pt,24pt, 500pt,0pt, 0pt,24pt"> 
    </v:polyline> 
</xml>

完整的HTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <meta name="viewport" content="width=device-width"/> 
</head> 
<body> 
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 0px !important; margin: 0;"> 
    <tr> 
    <td align="right" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0;"> 
     <table cellpadding="0" cellspacing="0" border="0" align="right" width="498" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 0pt !important; margin: 0pt; overflow: hidden; display: inline-block;"> 
     <tr align="right"> 
      <td align="right" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; mso-margin-top-alt: 0pt; mso-margin-bottom-alt: 0px; padding: 0px !important; margin: 0; font-size: 0; line-height: 0; display: inline-block;"> 
      <xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v"/> 
      <v:polyline style="width: 500px; 24px; display: inline-block; padding-right: 0pt; border: 0pt !important;" fillcolor="#563d82" strokecolor="#563d82" strokeweight="0pt" stroke="false" coordorigin="0 0" coordsize="24 500" v:borderrightcolor="#ff0000" points="0pt,24pt, 500pt,24pt, 500pt,0pt, 0pt,24pt"> 
      </v:polyline> 
      </xml> 
      </td> 
     </tr> 
     </table> 
    </td> 
    </tr> 
</table> 
<table bgcolor="#563d82" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 0px !important; margin: 0;"> 
    <tr> 
    <td align="center"> 
     <p class="footerlink" style="padding: 0px; color: #ffffff; font-size: 18px; line-height: 22px; text-align: left;">Placeholder text.</p> 
    </td> 
    </tr> 
</table> 
</body> 
</html>

我要補充這個網站只在Outlook中可見。我有一個涵蓋所有其他瀏覽器的CSS圖形。太糟糕了，不適用於Outlook。

來源

2016-09-23 gwally

outlook爲其html渲染引擎使用word，而word的html渲染非常糟糕，您最好使用超現代的「telnet to port 80」瀏覽器來呈現網站。 –

替換右對齊的兩個表格可以修復最右邊的1px間隙。

<div align="right" style="font-size: 0; line-height: 0;"> 
    <xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v"/> 
    <v:polyline fillcolor="#563d82" strokeweight="0pt" stroke="false" strokecolor="#563d82" style="font-size: 0; line-height: 0;" points="0pt,25pt 500pt,25pt 500pt,0pt 0pt,25pt"></v:polyline> 
    </xml> 
</div>

此修復對齊問題的Outlook 2016的Windows 10郵件，但它留下的VML圖形，我已經嘗試添加CSS和表格邊框爲Outlook 2010和2013臺之間的髮際線白線，但它不能解決問題。

來源

2016-09-24 00:40:15 gwally

由於此答案不完全解答您的初始問題，我能建議您使用此進度更新您的問題並刪除此答案嗎？ –

刪除1px的差距在Outlook 2013-2016

回答

相關問題