有没有一种方法可以使表格在Outlook中看起来一样?

时间:2019-05-21 10:30:13

标签: html html-table outlook html-email

我正在为电子邮件编写代码。问题是我成功使它正确显示在Gmail和Yahoo上,但在Outlook中不起作用,我也不知道我的错误在哪里。我希望最终结果是这样的。如果有人知道将代码修改为适用于疾病的方法,我将非常感激。谢谢

enter image description here

                                                                                                  

                    <tbody>
                        <tr>
                            <td style="font-size: 0;" valign="top" align="center">
                                <div style="width: 100%; max-width: 552px; -mru-width: 0px;">
                                    <!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]-->
                                    <!--
  -->
                                    <div class="mobile-full" style="display: inline-block; vertical-align: top; width: 100%; max-width: 276px; -mru-width: 0px; min-width: calc(50%); max-width: calc(100%); width: calc(304704px - 55200%);">
                                        <!--
    -->
                                        <table role="presentation" class="vb-content" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%);" width="276" cellspacing="9" cellpadding="0" border="0" align="left">

                                            <tbody>

                                                <tr>
                                                    <td class="long-text links-color" style="font-weight: normal; color: #202020; font-size: 14px; font-family:open sans,helvetica neue,helvetica,arial,sans-serif; text-align: left; line-height: 200%;" width="100%" valign="top" align="left">
                                                        <p style="margin: 1em 0px; margin-bottom: 0px; margin-top: 0px;text-align:center;">Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un imprimeur anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, </p>
                                                    </td>
                                                </tr>

                                            </tbody>
                                        </table>
                                        <!--
  -->
                                    </div>
                                    <!--[if (gte mso 9)|(lte ie 8)]></td><![endif]-->
                                    <!--
      -->
                                    <!--
        -->
                                    <!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]-->
                                    <!--
  -->
                                    <div class="mobile-full" style="display: inline-block; vertical-align: top; width: 100%; max-width: 276px; -mru-width: 0px; min-width: calc(50%); max-width: calc(100%); width: calc(304704px - 55200%);">
                                        <!--
    -->

                                        <table role="presentation" class="vb-content" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%);" width="276" cellspacing="9" cellpadding="0" border="0" align="left">
                                            <tbody>
                                                <tr>
                                                    <td class="long-text links-color" style="font-weight: normal; color: #202020; font-size: 14px; font-family:open sans,helvetica neue,helvetica,arial,sans-serif; text-align: left; line-height: 200%;" width="100%" valign="top" align="left">
                                                        <table width="100%" cellspacing="0" cellpadding="0" bgcolor="#2d3281">
                                                            <tbody>
                                                                <tr>
                                                                    <td class="links-color" width="100%" valign="top" align="center">
                                                                        <!--[if (lte ie 8)]><div style="display: inline-block; -mru-width: 0px;"><![endif]--><img alt="contact BMFC" style="border: 0px; display: block; vertical-align: top; height: auto; margin: 0 auto; color: #202020; font-size: 14px; font-family:open sans,helvetica neue,helvetica,arial,sans-serif; width: 100%;" src="https://gallery.mailchimp.com/7d8f913b88743c24d1fec43e9/images/f56f0c37-3032-4124-9ffa-169f183035f0.png" vspace="0" hspace="0" border="0" align="middle">
                                                                       <!--[if (lte ie 8)]></div><![endif]-->
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>
                                                                        <p style="margin: 1em 1em; margin-bottom: 1em; margin-top: 1em; text-align: center; background-color: #2d3281;">
                                                                            <span style="color: #ffffff; text-decoration: underline;">Votre contact</span>
                                                                            <br><span style="color: #ffffff;">Didelin</span>
                                                                            <br><span style="color: #ffffff;">Collaborateur</span>
                                                                            <br><a href="mailto:d@bmw.fr?subject=CONTACT%20MAIL%20DE%20BIENVENUE" target="_blank"><span style="color: #3f3f3f; color: #007c89; text-decoration: underline;">didelin.k@bmfc.fr</span></a>
                                                                            <br><span style="color: #ffffff;">0000000000</span></p>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr>

                                            </tbody>
                                        </table>
                                        <!--
  -->
                                    </div>
                                    <!--[if (gte mso 9)|(lte ie 8)]></td><![endif]-->
                                    <!--
      -->
                                    <!--
  -->
                                    <!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]-->
                                </div>
                            </td>
                        </tr>

                    </tbody>
                </table>
            </div>
            <!--
-->
            <!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->
        </td>
    </tr>
</tbody>

0 个答案:

没有答案