HTML电子邮件模板(如果使用Outlook,否则无法使用)

时间:2018-11-12 21:05:05

标签: html email

我目前正在尝试为我的html电子邮件布局构建if / else,以包括不同的表格标签。这就是我正在尝试的:

<!--[if mso]>
<table class="content-table" role="presentation" cellpadding="0" cellspacing="45" align="center" border="0">
<![endif]-->
<!--[if !mso]> <!---->
<table class="content-table" role="presentation" cellpadding="0" cellspacing="0" align="center" border="0">
<!-- <![endif]-->
</table>

因此,如果在Outlook中打开邮件,我将尝试使用其他beginn标签来启动表格。但这是行不通的。怎么了?

这不是重复的!

1 个答案:

答案 0 :(得分:0)

这是如何在Outlook中显示和隐藏的示例。如果您在Outlook中查看此内容,则会看到“ Outlook”一词。如果您在现代电子邮件客户端中查看它,则会看到“现代电子邮件”一词。

https://jsfiddle.net/wallyglenn/5hruzos5/1/

<table>
<tr>
    <td>
        <!--[if !mso]><!-- -->
        <img src="http://via.placeholder.com/300x300/0000ff/?text=Modern+Email" alt="Modern+Email" width="100%" style="display:inline-block;border:none;outline:none;padding:0;margin:0;width:100%;height:auto;" border="0" hspace="0" vspace="0">
        <!--<![endif]-->
        <!--[if gte mso 9]>
        <img src="http://via.placeholder.com/300x300/ff0000?text=Outlook" alt="" width="100%" style="display:inline-block;border:none;outline:none;padding:0;margin:0;width:100%;height:auto;" border="0" hspace="0" vspace="0">
        <![endif]-->
    </td>
</tr>
</table>

祝你好运。