css - 上标弄乱了 HTML 编码电子邮件中的行高。无法弄清楚如何应用内联 CSS 来解决。有小费吗?里面的代码示例

标签 css html-email

我正在尝试覆盖上标字符(注册商标字符 ®)对我在 Salesforce Marketing Cloud 中的电子邮件段落行高的影响(使用 HTML 编辑器)。

这是我尝试应用内联 CSS 的段落示例:

 <span style="color:#569bbe;">&bull;</span> lorem palceholder text <sup>&reg;</sup> lorem lorem placeholder.<br>

我使用了 <sup></sup>标签,但这会导致行高不一致。

我在支持论坛上找到了这个例子:

sup { line-height: 0; font-size: 75%; }

但我对这段代码的实际去向以及实现它的正确语法是什么一无所知。我已经尝试了很多不同的领域,但我发现的大多数示例都是关于面向网页的 CSS 结构的,我正在尝试以内联方式进行。

有什么建议吗?

最佳答案

我最终弄明白了...这是解决方案:

<sup style="font-size: 10px; line-height: 0; vertical-align: 5px;">&reg;</sup>

关于css - 上标弄乱了 HTML 编码电子邮件中的行高。无法弄清楚如何应用内联 CSS 来解决。有小费吗?里面的代码示例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59202028/

相关文章:

具有自定义邮件正文的 PHP 电子邮件脚本

html - 使用 Google Webfonts 时 Outlook 中的 CSS 字体堆栈替换问题

HTML 电子邮件 : image adjust itself in table

javascript - 使用javascript去除图像边框

HTML/CSS 打印 float 分页符不起作用(例如 : bootstrap)

html - 如何在可滚动容器的CSS中垂直居中元素

css - 表格内有表格的时事通讯 : padding not working

html - 声明 div 时编辑 CSS 类

html - 在输入中插入 Logo

html-table - Hotmail中的时事通讯html表中的行与Gmail之间的间距