从收件箱预览中隐藏文本 MailChimp
hide text from inbox preview MailChimp
虽然我已经为 MailChimp 添加了收件箱预览文本，但我想停止它同时在收件箱预览文本中显示 'view this email in your browser text'。
有没有办法在 Mailchimp 的 html 模板中隐藏收件箱预览中的文本？
要解决此问题，您需要 pre-header。 pre-header 是您放置在 <body> 开始标记之后的一行代码，它在视觉上隐藏了其中的任何内容。这样做 - 您可以在电子邮件预览中显示您想要显示的内容，而无需考虑任何杂项内容（例如在浏览器链接中查看）。
<!--[if !mso]><!-->
<span style="display:none !important; visiblility:hidden; opacity:0px; color:transparent; height:0px; width:0px; mso-hide:all; max-height:0px; max-width:0px; line-height:0px; overflow:hidden;">Type your teaser content here.</span>
<!--<![endif]-->
在上面的预报头示例中，您可以看到发生了许多不同的事情。首先我们有 <!--[if !mso]><!--> 片段。这将确保包含在该语句和 <!--<![endif]--> 语句之间的任何内容都不会在 Microsoft 客户端中呈现。这是因为 Outlook 有限 CSS 支持。
接下来，我们有一个带有各种 CSS 元素的 span 标记来隐藏其中的内容。然后包含在 span 标签中的是您希望在电子邮件客户端预览中显示的内容。
虽然我已经为 MailChimp 添加了收件箱预览文本，但我想停止它同时在收件箱预览文本中显示 'view this email in your browser text'。
有没有办法在 Mailchimp 的 html 模板中隐藏收件箱预览中的文本？
要解决此问题，您需要 pre-header。 pre-header 是您放置在 <body> 开始标记之后的一行代码，它在视觉上隐藏了其中的任何内容。这样做 - 您可以在电子邮件预览中显示您想要显示的内容，而无需考虑任何杂项内容（例如在浏览器链接中查看）。
<!--[if !mso]><!-->
<span style="display:none !important; visiblility:hidden; opacity:0px; color:transparent; height:0px; width:0px; mso-hide:all; max-height:0px; max-width:0px; line-height:0px; overflow:hidden;">Type your teaser content here.</span>
<!--<![endif]-->
在上面的预报头示例中，您可以看到发生了许多不同的事情。首先我们有 <!--[if !mso]><!--> 片段。这将确保包含在该语句和 <!--<![endif]--> 语句之间的任何内容都不会在 Microsoft 客户端中呈现。这是因为 Outlook 有限 CSS 支持。
接下来，我们有一个带有各种 CSS 元素的 span 标记来隐藏其中的内容。然后包含在 span 标签中的是您希望在电子邮件客户端预览中显示的内容。