从HTML电子邮件中隐藏预览文本中的内容

时间:2016-09-16 14:29:04

标签: html html-email

我的HTML电子邮件顶部有一个导航,但是我想隐藏它,因为否则它会一直显示在电子邮件客户端的预览文本中,是否只在预览文本中隐藏它? / p>

1 个答案:

答案 0 :(得分:2)

控制预览(或预取标题)文本的最佳方法是在电子邮件代码的打开<body>标记后直接添加您自己的文字:

<body>
    <!-- Visually Hidden Preheader Text : BEGIN -->
    <div style="display:none;font-size:1px;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;mso-hide:all;font-family: sans-serif;">
        Add your preview text here so it appears instead of your navigation text.
    </div>
    <!-- Visually Hidden Preheader Text : END -->

    ... Email Body ....

</body>

更多关于preheader text on Litmus