blocks|key|1062134|text|为了获得跨环境的最佳结果，最好是内联CSS。我一直使用它作为前缀。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1062135|<div+style="display:none;+font-size:1px;+color:#e5e5e5;+line-height:1px;+font-family:Verdana,+Helvetica,+sans-serif;+max-height:0px;+max-width:0px;+opacity:0;+overflow:hidden;+mso-hide:all;">
PREHEADER+TEXT+HERE
</div>|code-block|syntax|javascript|1062136|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

For best results across environments, you'll be better off inlining the CSS. I've always used this for preheaders.

<pre><code>&lt;div style="display:none; font-size:1px; color:#e5e5e5; line-height:1px; font-family:Verdana, Helvetica, sans-serif; max-height:0px; max-width:0px; opacity:0; overflow:hidden; mso-hide:all;"&gt;
PREHEADER TEXT HERE
&lt;/div&gt;
</code></pre>

blocks|key|1105360|text|我认为MailChimp肯定在这个愚蠢的问题上投入了大量的精力。它们使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1105361||code-block|syntax|javascript|1105362|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I figure MailChimp has surely put a lot of energy into this dumb problem. They use:

<pre><code>&lt;!--[if !gte mso 9]&gt;
&lt;span style="display:none; 
 font-size:0px; 
 line-height:0px; 
 max-height:0px; 
 max-width:0px; 
 opacity:0; 
 overflow:hidden; 
 visibility:hidden; 
 mso-hide:all;"&gt;YOUR MESSAGE&lt;/span&gt;
&lt;!--&lt;![endif]--&gt;
</code></pre>

blocks|key|1062138|text|我尝试了之前的答案，但在转发时，电子邮件仍然显示很小的文本。我最终将文本设置为与背景相同的颜色，这最终对我起到了作用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1062139|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I tried the previous answers but on forward, the email still showed tiny text. I ended up making the text the same color as the background and that's what finally worked for me.

I have added preheader text in my HTML template and it is working fine but when someone forward the newsletter from outlook, that texts are shown on the top. It doesn't happen in Gmail though.

<pre><code>&lt;style&gt;
.preheader { 
display:none !important; 
visibility:hidden; 
opacity:0; 
color:transparent; height:0; width:0; }
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;span class="preheader" style="display: none !important; visibility: hidden; 
opacity: 0; color: transparent; height: 0; width: 0;"&gt;
We are offering a six-week Indonesian language course for adult learners.
&lt;/span&gt;
</code></pre>

Thanks!

Screenshot of how it looks when someone forward a newsletter

<a href="https://i.stack.imgur.com/D6PVf.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/D6PVf.jpg" alt="enter image description here"></a>

Preheader text in HTML email

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我已经在我的HTML模板中添加了前置标题文本，它工作得很好，但当有人从outlook转发时事通讯时，这些文本会显示在顶部。不过这在Gmail中是不会发生的。<style>.preheader { display:none !important; visibility:hidden; opacity:0; color:t...

问HTML电子邮件中的前标题文本
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML电子邮件中的前标题文本EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML电子邮件中的前标题文本
EN