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

首先，不要设置行，你要求麻烦。我会远离边距：自动，只需在细胞上使用对齐。你有宽度=＆＃34; 100％;＆＃34;由于分号会破坏。

将第二个表格宽度更改为600（或您需要的任何内容），然后添加align =＆＃34; center＆＃34;到了那个房间。将对齐添加到第一个单元格会使其中的所有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>

Answer 2

试试这个：

我想将我的电子邮件集中在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 3

试试这个：

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

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

3 个答案: