2

那个设定：

  • HTML 电子邮件

嘉宾名单：

  • Outlook 2000（桌面客户端）
  • Outlook 2003（桌面客户端）
  • Outlook 2007（桌面客户端）
  • Outlook 2010（桌面客户端）
  • Outlook（Firefox、Chrome、资源管理器）
  • Gmail（火狐、Chrome、资源管理器）
  • 雅虎（Firefox、Chrome、资源管理器）
  • Internet Explorer 7 浏览器 (FML)

我的代码：

<span style="font-size:85%;line-height:0;vertical-align:3px;">&reg;</span>

我不能使用任何类型的<sup>标签，因为尽管我可以添加任何样式，但它并不能始终如一地呈现。

问题：

为什么 Outlook 2003 和 IE7 仅在 HTML 实体上在我的代码上方添加额外的行空间？

到目前为止我所知道的：

我可以在我的跨度标签之间添加数字和单词，这一切都很好。相同的大小，相同的定位，相同的行高。我尝试切换到十进制实体，但结果保持不变。例如，对于 ® 我使用&reg;但也尝试过&#174;。我什至说“以正确的编码实践见鬼去吧”，并在我的 HTML 代码中直接放了一个 ® 符号。没什么！

所以然后我想也许这与那些圆形的实体有关（我的意思是我不知道，我正在尝试一切）所以我交换了 † ( &dagger;) 和 ‡( &Dagger;) 但它没有改变任何东西。

为了视觉享受

在此处输入图像描述

上面的屏幕截图是在 Outlook 2003 中拍摄的。

（注：出于隐私原因，部分文字已更改）

4

3 回答 3

1

您可以<sup>通过将样式内联添加到<sup>标签来使用元素的字体大小和行高。另一个可以提供帮助的 CSS 属性是baseline-shift

就我个人而言，我放弃了<sup>在 Outlook 和其他电子邮件客户端中获得一致结果的尝试，因为有些人尊重一个 CSS 元素，而其他人则不这样做。

我得到的最一致的结果（整个行高没有受到影响）是通过创建一个小图像，避免一起使用上标字符。

于 2013-08-08T19:12:16.390 回答
0

下面的代码在您的客户列表中始终为我正确呈现。也许尝试在字体大小中使用 px 而不是百分比。

<sup style="font-size:10px; line-height:0; vertical-align:3px;">&reg;</sup>
于 2013-08-08T19:01:39.747 回答
0

如果你使用 span 标签而不是 sup 标签（并给它上面的所有参数，包括 font-size 和 vertical-align，这是 sup 通常在 OUTLOOK 混乱的小世界之外唯一会做的事情），这应该保持其他电子邮件客户端中的结果和 OUTLOOK 看起来更相似。

于 2014-05-01T14:59:40.703 回答