在 Outlook.com 中对齐电子邮件中心

Question

我想将电子邮件置于 Outlook.com 中心。它适用于每个邮件应用程序，但不适用于 Outlook.com

我该如何解决这个问题？

代码：

<table class="table-bestelling-content" cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color:#ffffff">
    <tr class="header" style="max-width: 600px; display: block; margin-left: auto; margin-right: auto;">
        <td>
            <table cellpadding="0" cellspacing="0" border="0" width="100%;" >
                <tr>
                    <td align="center" class="email-heading head">
                        <h1>ORDERBEVESTIGING</h1>
                        <p>Hi {{htmlescape var=$order.getCustomerFirstname()}},</p> 
                        <p>Bedankt voor je bestelling!</p>
                        <p>Je bestelling heeft ordernummer {{var order.increment_id}}.</p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

Answer 1

试试这个：

我想将电子邮件置于 Outlook.com 中心。它适用于每个邮件应用程序，但不适用于 Outlook.com

我该如何解决这个问题？

代码：

<table class="table-bestelling-content" cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color:#ffffff">
    <tr class="header" style="display: block; margin-left: auto; margin-right: auto;">
        <td>
            <table cellpadding="0" cellspacing="0" border="0" width="600" >
                <tr>
                    <td align="center" class="email-heading head">
                        <h1>ORDERBEVESTIGING</h1>
                        <p>Hi {{htmlescape var=$order.getCustomerFirstname()}},</p> 
                        <p>Bedankt voor je bestelling!</p>
                        <p>Je bestelling heeft ordernummer {{var order.increment_id}}.</p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

Answer 2

试试这个：

<table width="100%">
  <tr>
    <td></td>
    <td width="600">
         Put all your emails tables/content here
    </td>
    <td></td>
  </tr>
</table>

Answer 3

首先，不要对行设置样式，这是在自找麻烦。我会远离 margin:auto 并只在单元格上使用对齐。你有 width="100%;"这会因为分号而中断。

将第二个表格的宽度更改为 600（或任何您需要的宽度），然后将 align="center" 添加到包含该内容的单元格中。将对齐方式添加到第一个单元格后，其中的所有 600 个宽表格都会继承此对齐方式，并使您的整个电子邮件居中。

使用这个：

<table class="table-bestelling-content" cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color:#ffffff">
<tr>
    <td align="center">
        <table cellpadding="0" cellspacing="0" border="0" width="600" >
            <tr>
                <td align="center" class="email-heading head">
                    <h1>ORDERBEVESTIGING</h1>
                    <p>Hi {{htmlescape var=$order.getCustomerFirstname()}},</p> 
                    <p>Bedankt voor je bestelling!</p>
                    <p>Je bestelling heeft ordernummer {{var order.increment_id}}.</p>
                </td>
            </tr>
        </table>
    </td>
</tr>

在 Outlook.com 中对齐电子邮件中心

Align email center in Outlook.com

html

email

outlook