对齐电子邮件中心Outlook

时间:2014-05-22 08:48:28

标签: html email outlook html-email

尝试将我的电子邮件集中在Outlook Web Mail中,它在所有其他客户端,gmail等甚至Mac和PC上的Outlook Office应用程序中运行良好但由于某种原因它在webmail中左对齐,尝试添加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>

2 个答案:

答案 0 :(得分:3)

如果您只是替换

,您的代码将会正常运行
min-width:600px; 

width:600px;

答案 1 :(得分:0)

请使用此类型格式,它适用于所有类型的网络邮件和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>