我想在最右边出现在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。
outlook为其html渲染引擎使用word,而word的html渲染非常糟糕,您最好使用超现代的“telnet to port 80”浏览器来呈现网站。 –