<center>标签使Outlook Web App中的所有内容居中,文本无法向左对齐

时间:2018-12-19 22:20:38

标签: html outlook html-email center outlook-web-app

我只想在中间发送一封电子邮件,但文本向左对齐,该代码在任何地方都可以正常使用,但在Outlook Web App中却无法使用。我们使用Outlook Windows Client发送电子邮件,该电子邮件将覆盖代码,因此OWA收到电子邮件时,所有文本都将居中对齐。

人们说

  

<center>

标记是Outlook和Outlook.com所需的标记。

当我删除table align="center"和标签时,OWA可以正常工作,但是电子邮件将不在Outlook电子邮件客户端的中间。 即使删除<center>标记并仅保留table align="center"以使电子邮件在Outlook电子邮件客户端中居中,该文本框也不会在OWA中左对齐。请帮我。预先感谢! 还尝试将文本向左对齐放入<p><span><div>中,仍然无效

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>

<body>
    <center style="width: 100%; background-color: #FFFFFF;">
        <div style="max-width: 680px; margin: 0 auto;" class="email-container">
            <!--[if mso]>
            <table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="680" style="width: 680px; margin: 0 auto; text-align: left;">
            <tr>
            <td align="left !important">
            <![endif]-->

            <table align="left !important" width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#33ffff" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; clear: both; border-collapse: collapse !important; text-align: left !important;">
            <tbody>
              <tr>
                <td align="left !important" height="24" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 0; Margin: 0;text-align: left !important;">This text couldn't align left in Outlook Web App!
                </td>
              </tr>
            </tbody>
            </table>
             <!--[if mso]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </div>
    </center>
</body>
</html>

0 个答案:

没有答案