Outlook签名valign在gmail中不起作用

时间:2017-03-26 18:50:43

标签: html css email outlook

您好我正在制作Outlook签名,我希望将文本垂直居中以形成图像。

我遇到Gmail问题,因为它看起来像: 见下图。 Gmail problem

看起来gmail没有阅读

vertical-align:middle;" valign="middle"

我准备好了代码段,这里一切正常。



<div style="font-family:'Calibri light', sans-serif; margin-left: 15px;">
  <img alt="phone" src="/image006.png" height="18" width="19" style="display: inline; vertical-align:middle;" valign="middle"></img>
  <span style="font-size: 11pt; display: inline; white-space: nowrap; text-align:right;">&nbsp 000 000 000</span>
  <br>
  <img alt="fax" src="/image008.png" height="18" width="19" style="display: inline; vertical-align:middle;" valign="middle">
  </img>
  <span style="font-size: 11pt; display: inline; white-space: nowrap; text-align:right;">&nbsp 000 000 000</span>
  <br>
  <img alt="cell" src="/image010.png" height="18" width="19" style="display: inline; vertical-align:middle;" valign="middle">
  </img>
  <span style="font-size: 11pt; display: inline; white-space: nowrap; text-align:right;">&nbsp 000 000 000</span>
  <br>
  <img alt="mail" src="/image012.png" height="18" width="19" style="display: inline; vertical-align:middle;" valign="middle"></img>
  <span style="font-size: 11pt; display: inline; text-align:right;">&nbsp name@web.com</span>
  <br>
  <br>
  <span style="display: inline; font-size: 11pt"><b>Company Name</b></span>
  <br>
  <span style="display: inline; font-size: 11pt">address</span>
  <br>
  <span style="display: inline; font-size: 11pt">00000000000</span>
  <br>
  <a style="color:black; text-decoration:none; display: block;" href="http://www.web.com">
    <span style="display: inline; font-size: 11pt;"><b>www.web.com</b></span></a>
</div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

编码电子邮件时,您需要坚持使用表格。我已将您的签名重新编码为我认为适用于所有电子邮件客户端的内容。试一试,让我知道它是否有效。

.then(function mySuccess(response){
  let dataObj = JSON.parse(response.data);

  $scope.last_name = dataObj.last_name;
  ...

干杯