对齐电子邮件中心Outlook

问题描述 投票:0回答:2

试图在Outlook Web Mail中居中对齐我的电子邮件,它在所有其他客户端,gmail等甚至Mac和PC上的Outlook Office应用程序中运行良好但由于某种原因它在网络邮件中左对齐,尝试在之后添加div对齐中心身体标签,也没有工作。

这是我的设置:

<body align="center" style="background: #E8E8EA; font-family:Arial, Helvetica, sans-serif; font-size:12px; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased; margin: 0 auto;padding: 0;">
<span class="preheader" style="display: none; font-size: 1px; color: #E8E8EA;">Preheader</span>
<table width="100%" cellspacing="0" cellpadding="0" border="0"  style="background:#E8E8EA; margin: 0 auto; text-align:center;">
  <tr>
    <td style="margin: 0 auto; text-align:center;" align="center" width="100%"><table cellspacing="0" cellpadding="0" border="0" style="background:#E8E8EA; margin: 0 auto; min-width:600px;">
        <tr>
          <td class="wrap" align="center" valign="top" style="background:#E8E8EA;" width="100%"><table cellpadding="0" cellspacing="0">
              <tr>
                <td align="center"><a href="[weblink]" style="font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#7f7f81; padding-top: 10px;">View in browser</a></td>
              </tr>
            </table></td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
html email outlook html-email
2个回答
3
投票

如果您只是替换,您的代码将运行良好

min-width:600px; 

width:600px;

0
投票

请使用此类型格式,它也适用于所有类型的webmail和Outlook

 <html>
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 </head>
 <body>
 <table align="center" style="border-collapse:collapse" id="Table_01" width="700" height="auto" border="0" cellpadding="0" cellspacing="0">
      <tr>
           <td>
           </td>
      </tr>
 </table>
</body>
</html>
© www.soinside.com 2019 - 2024. All rights reserved.