Question

我正在使用angular解析模板并生成电子邮件。

控制器代码

//htmlTemplateDom is the template
var div = angular.element("div#emailContent").append(htmlTemplateDom);
var htmlCompiledDom = $compile(htmlTemplateDom)($scope);
$timeout(function(){
   var divHTML=angular.element("div#emailContent").html();
   //and using this divHTML in the email.   
},500);

模板

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>

<head>
  <meta http-equiv='Content-Type' content='text/html; charset=utf-8;' />
</head>

<body>
   <!-- some html code which is working as expected-->
   the 2 is not going up in android -> <sup>2</sup>
</body>
</html>

因此，该标签无效，并在电子邮件中以纯2的形式出现。有人帮助！！！

Answer 1

您可以尝试使用vertical-align: super;而不是<sup>标签

或

sup { 
    line-height: 0; 
    font-size: 70%; 
    vertical-align: top;
}

<sup>标签在Android设备上的电子邮件上不起作用

1 个答案: