用于格式化电子邮件的HTML。
我使用 zend_mail 作为 html 向服务器发送电子邮件确认，对于第一次和第二次测试，消息被转发到收件箱，但突然所有消息都被标记为垃圾邮件。这我...
我编写了一个 powershell 代码来为选定的用户在电子邮件正文中生成一个表格。由于某种原因执行的结果包括“RowError”、“RowState”、“T...
Windows 上的 Microsoft Outlook 为我的 H4 添加了填充
看看下面的图片： 您看到的是一个突出显示的 元素（如果有任何混淆，灰色不是背景颜色，而是我突出显示文本）。它有... 看下面的图片： 您看到的是一个突出显示的 <h4> 元素（如果有任何混淆，灰色不是背景颜色，而是我突出显示文本）。它具有显式声明 padding-bottom: 0; 和 line-height: 18px; 的内联样式（与字体大小相同 - 不确定这是否适用于 Outlook，但我想我会尝试一下）。此外，HTML 已完全缩小（因此它不是由空格或制表符引起的），并且已检查代码是否有隐藏的换行符（没有）。 尽管如此，Microsoft Outlook（仅限 Windows）很高兴地忽略了我，并在元素下方添加了所有额外的空间。我已经想出了如何解决这个问题的想法。 如何修复此标题元素的高度，使其仅为文本的高度？ 我发现这些规则很有帮助： #outlook a{ padding:0; } .ReadMsgBody{ width:100%; } body{ width:100% !important; min-width:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing: antialiased; } v*{ behavior:url(#default#VML); display:inline-block; } .ExternalClass{ width:100%; } td{ border-collapse: separate !important; } .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div{ line-height:100%; } 您还可以添加规则将 h4 行高重置为 0： h4{ margin:0; padding:0; border:0; font-size:100%; line-height:100%; } 然后添加回行高 INLINE: <h4 style: font-size: 24px; color: #000000; line-height: 1.8em;">This is an h4 headline</h4> 我也有同样的问题。它根本不想在 Outlook 电子邮件中删除它，他尝试了一切。 将元素从 <h4> 更改为 <font> 解决了我的问题 <font size="4">Text</font>
我需要在 Outlook.com 中创建 HTML 电子邮件的帮助。我查看了设置，没有看到任何相关信息。我也在网上和其他 Stackoverflow 问题中进行了搜索，但确实无法...
En dash 或 Em dash 转换为？在 C# 中转换电子邮件文本时
我正在尝试转换值 — – à、è、ì、ò、ù、À、È、Ì、Ò、Ù á、é、í、ó、ú、ý、Á、É、Í、Ó、Ú、Ý 在电子邮件中我得到的结果是 ？ ？ à, è, ì, ò, ù, À, È, Ì, Ò, Ù á, é, í, ó, ú, ý, Á, É, Í, Ó, Ú, Ý 那个...
gmail 会删除 <td> 中的所有样式（如果它具有背景渐变
我发现了 gmail 的一个奇怪问题，如果我的 HTML 电子邮件具有任何形式的 CSS3 渐变，例如： 我发现了 gmail 的一个奇怪问题，如果我的 HTML 电子邮件有任何形式的 CSS3 渐变，例如： <th style="text-align:right; font-size:14px; background:#ededed; background-image:-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb)); background-image:-moz-linear-gradient(top, #ededed, #ebebeb); font-weight:bold;"> 它将删除其中的所有样式<th>。一旦我删除背景渐变内容，它就可以正常工作并保留其余样式。我尝试将其更改为背景：-moz-线性...都具有相同的效果。如果 gmail 不喜欢它，它会删除该元素的所有样式。 还有其他人经历过这种情况吗？有办法解决这个问题吗？ 我用 Thunderbird 和 Mac Mail 测试了同一封电子邮件，没有任何问题。 一般来说，Gmail 在电子邮件中使用 CSS 做了一些奇怪的事情。由于 CSS 支持如此偶然，所以像 CSS3 渐变这样“高级”的东西会完全错误，我并不感到惊讶。 您必须考虑的另一件事是大多数电子邮件客户端无法识别CSS渐变，所以我不会费心去尝试。 如果您希望某些内容以渐变方式显示，并且希望它向大多数电子邮件客户端显示，则必须将其创建为作为内容放置的图像。 CSS 电子邮件不支持它。 可用的选项有限。 检查这个http://www.campaignmonitor.com/css/ 如果 Gmail 不喜欢任何给定元素上的样式声明的任何部分，它会删除该元素的整个声明。一种解决方法是将声明的部分指定为 !important。这样 Gmail 只会忽略它不喜欢的部分。 参加聚会迟到了，这就是我设法解决的方法： <tbody style="display: grid; grid-template-columns: 1fr;"> <tr style="grid-row-start: 1; grid-column-start: 1;"> <td> <div style="height: 130px; overflow: hidden;"> // your content here </div> </td> </tr> <tr style="grid-row-start: 1; grid-column-start: 1;"> <td style="background-image: url('link-to-gradient-img.png'); height: 130px; width: 550px;"> </td> </tr> </tbody> 基本上通过使用网格列，将一个网格列放在另一个顶部，以及线性渐变的背景图像（可以使用生成器轻松创建） 在各种电子邮件客户端中为我工作
我们收到了一些发送的 HTML 电子邮件，其中显示我们的服务已阻止的电子邮件地址。在 Outlook（可能也在其他客户端）中查看电子邮件时，这些纯文本电子邮件
编辑：我应该提到布局是用表格完成的。我什至尝试过对父 元素进行样式设计以获得所需的外观。不过，还是没有香蕉。 怎么改变字体颜色...
电子邮件中的 CSS 在新版和旧版 Outlook 中的工作方式不同
我一直在尝试让按钮在电子邮件模板中以特定方式查看，但在旧 Outlook（版本 2405）上的 a 标签宽度方面遇到了困难 我想要的是 a 元素来填充 td
我需要一个可调整为 100% 屏幕宽度但不超过 Outlook 电子邮件模板最大宽度 700 像素的表格。 现在我有以下代码： 我需要一个可调整为 100% 屏幕宽度但不超过 Outlook 电子邮件模板最大宽度 700 像素的表格。 现在我有以下代码： <table border="0" cellspacing="0" style="border-collapse:collapse; border-spacing:0; font-family:'montserrat','calibri'; font-size:13px; width:100%; max-width: 700px"> <tbody> <tr> <td style="background-color:#0063af; padding:0; text-align:left; width:50%"><img alt="" height="81" src="path/to/img" width="378" /></td> <td style="background-color:#0063af; padding:0; text-align:right; width:50%"><img alt="" height="81" src="path/to/img" width="378" /></td> </tr> <tr> <td colspan="2" style="padding:10px"></td> </tr> </tbody> </table> 我设置了 max-width: 700px 但当我调整大小时，它超出了这个限制。如果屏幕宽度小于 700px，菜单需要占据 100% 的宽度。否则，如果屏幕大于 700px，菜单的最大宽度应为 700px。 您可以在 CSS 文件中使用媒体查询。像这样： .your-table { max-width: 700px; } @media only screen and (max-width: 700px) { .your-table { max-width: 100%; } } 基本上，如果屏幕宽度为 700px 或更小，将使用@media only screen and (max-width: 700px)内的代码。
Gmail 不会显示来自外部来源的图像或我的 HTML 电子邮件中的内联 Base64
我正在节点服务器中自动向用户发送一些 HTML 电子邮件通知，使用 Nodemailer 发送电子邮件以及我的一封“无回复”G Suite 电子邮件。 在我的节点服务器中，我构建了动态 HTML 电子邮件...
RoundRect 占据其矩形容器的左上角位置，而不是直接父级 (td)
我正在处理一封电子邮件，但我们无法理解为什么会出现 Outlook 问题 我在 Outlook 中有一个圆形 CTA，为此我使用了 VML 结果应该是： 但在 Outlook 中，我没有...
向移动设备发送 emarsys 电子邮件时如何实现一致的外观？
出于某种原因，当我向我的两个电子邮件帐户（谷歌帐户和工作帐户）发送测试电子邮件时，这两个帐户都登录到我的三星手机上的gmail应用程序，我得到了非常不同的结果。 在我的...
我正在尝试创建一封电子邮件并在 上设置低不透明度的背景图像。 我得到的是： 我正在尝试创建一封电子邮件并在不透明度较低的 <td> 上设置背景图像。 我得到的是： <td dir="rtl" align="center" style="width:100% border: 0px; background-blend-mode: lighten; background-color: rgba(255, 255, 255, 0.8); background-image:url('image_url');background-repeat:no-repeat;background-position: 50% 50%;background-size:auto; vertical-align: middle;" colspan="2"> 当我在我创建的 HTML 页面上使用它时，效果很好，但是，当我将其作为电子邮件发送到 Gmail 桌面网络客户端/Android 上的收件箱应用程序/Android 上的 Gmail 应用程序时，背景消失了。 根据我的检查，我设置的所有属性都与我提到的客户端兼容。 还有其他方法可以在电子邮件中执行此操作吗？ background-blend-mode 适用于 IOS 设备、传统 Gmail，但不适用于很多移动客户端或 Outlook。 https://www.campaignmonitor.com/css/color-background/background-blend-mode/ 查看这篇文章，看看是否有其他技术可能有帮助，但没有什么通用的可以使用。 https://www.emailonacid.com/blog/article/uncategorized/css-animations-part-1/ rgba-color 不适用于 Yahoo 或 Outlook。 https://www.campaignmonitor.com/css/color-background/rgba-colors/ positioning 不适用于大多数电子邮件客户端。 background-image 根本不适用于 Outlook 或某些 Android 客户端。但是，您可以找到一种解决方法，使用 VML 来使用 Outlook。 https://www.campaignmonitor.com/css/color-background/background-image/ 由于您并没有真正发布您想要做的事情的代码示例，只是一小段代码，因此很难就获得相同效果的更好方法提出建议。 祝你好运。 设计电子邮件模板时，您必须像在 90 年代中期构建网站一样工作。很多东西都不起作用。其实还有更多不行的，那还有什么行的。 一个方便的工具是 caniemail.com。
我的服务器（nodejs）接收html格式的传入电子邮件。像这样的东西 我是回复 20 日星期三nn@ni.com 写道 我的服务器（nodejs）接收 html 格式的传入电子邮件。像这样的东西 <div> I am reply <div> On wed 20 <a href="mailto:[email protected]">[email protected]</a> wrote <blockquote> This is first message </blockquote> </div> </div> 如何识别 HTML 中要修剪的内容？ 任何建议都会非常有帮助 有多种方法可以分离出 Outlook 的修剪内容： 查找 div，其 ID 为： divRplyFwdMsg appendonsend 或者 div 的样式： border:none; border-top:solid #E1E1E1 1.0pt; padding:3.0pt 0in 0in 0in border:none; border-top:solid #E1E1E1 1.0pt; padding:3.0pt 0cm 0cm 0cm border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0cm 0cm 0cm border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0in 0in 0in 对于 Gmail，您可以找到 ID 为 div 的 gmail_quote。此方法可行，但不同地区可能会有更多变化。
仅 Outlook 365 for Mac 中存在 HTML 电子邮件按钮问题
在一封 html 电子邮件中，我使用“假绝对”为内容模块创建带有圆角的背景图像。 html 使用 max-height="0" 作为内容容器，并带有
我正在使用不支持后端代码的免费网络主机。我想知道是否可以在没有后端支持的情况下创建联系表单？ 我尝试过执行以下操作，但是当我提交时...
回复我发送的电子邮件时，电子邮件签名被扭曲（至少在我这边）。我们使用 Thunderbird 作为电子邮件软件。 当我第一次写电子邮件时，代码看起来不错。 我是...
我正在使用 MS Graph API 显示来自 Outlook 电子邮件的电子邮件。正文的内容采用 html 格式，因此我尝试通过 v-html 属性添加它，例如： 我正在使用 MS Graph API 显示来自 Outlook 电子邮件的电子邮件。正文的内容采用 html 格式，因此我尝试通过 v-html 属性添加它，例如： <div v-html="emailContent"> 但是，由于电子邮件中包含样式，因此它会影响我的应用程序的样式，例如侧边栏图标等。有没有办法只在div中包含样式？ 将 iframe 与 srcdoc 属性一起使用，以避免电子邮件样式干扰您的网页样式： <iframe :srcdoc="emailContent"></iframe> 此线程有关于 iframe 样式的更多有用信息。
如何在 Outlook 的 html 电子邮件中添加垂直滚动条？
我正在创建一个电子邮件模板，其中一个表格嵌套在一个 div 中，该 div 应该有一个垂直滚动条。它适用于 Gmail，但不适用于 Outlook。我知道 Outlook 不支持很多 CSS 标准...