对齐电子邮件中心Outlook
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了对齐电子邮件中心Outlook相关的知识，希望对你有一定的参考价值。
试图在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>
答案
如果您只是替换，您的代码将运行良好
min-width:600px;
同
width:600px;
另一答案
请使用此类型格式，它也适用于所有类型的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>
以上是关于对齐电子邮件中心Outlook的主要内容，如果未能解决你的问题，请参考以下文章
html 此要点允许在Outlook电子邮件客户端中进行中间垂直对齐。
display：inline-block not working outlook / gmail