电子邮件签名变得扭曲 - HTML

Question

回复我发送的电子邮件时，电子邮件签名被扭曲（至少在我这边）。我们使用 Thunderbird 作为电子邮件软件。

当我第一次写电子邮件时，代码看起来不错。

我使用 span 标签，因为 p 标签创建了不必要的垂直间距。

我还使用 div 标签来创建垂直间距并控制高度。

我真的很感激有一个解决方案来阻止电子邮件签名被扭曲。

请在下面找到我的代码和附加的扭曲签名，

<span style="font-family:Verdana; font-size:14px; font-style:Italic; color:#F57C00;"><b>Gavin Charitar</b></span>
<div style="display: block;margin-top: 10px"></div>
<span style="font-family:Verdana; font-size:13px; color:#00000;">Business Development Representative<br /></span>
<div style="display: block;margin-top: 0px"></div>
<a href="https://deboertool.com">
  <img moz-do-not-send="true" alt="web" src="https://deboertool.com/images/email-logo.jpg" height="75" width="255">
</a>
<div style="display: block;margin-top: -8px"></div>
<span style="font-family:Verdana; font-size:11px;line-height:1.55"> 336 Watline Avenue<br/>
Mississauga, ON<br />
L4Z1X2 Canada
</span>
<div style="display: block;margin-top: 9px"></div>
<span style="color:#696969; margin: normal; line-height:1.65; font-family:Verdana; font-size:11px">Phone: <span style="color:#000000; font-family:Verdana; font-size:11px"> 905-361-4303<br /><span style="color:#696969; font-family:Verdana; font-size:11px">Toll-free: <span style="color:#000000; font-family:Verdana; font-size:11px"> 1-888-4-De-Boer<br /><span style="color:#696969; font-family:Verdana; font-size:11px">Web: <a href="https://deboertool.com"><span style="color:#000000; font-family:Verdana; font-size:11px">www.deboertool.com</a><br /><span style="color:#696969; font-family:Verdana; font-size:11px">Email: <a href="mailto:[email protected]"><span style="color:#000000; font-family:Verdana; font-size:11px">[email protected]</span></a><br
/><br />

Answer 1

我可以通过删除空的

<div>

标签来复制您所看到的内容：

<span style="font-family:Verdana; font-size:14px; font-style:Italic; color:#F57C00;"><b>Gavin Charitar</b></span>
<span style="font-family:Verdana; font-size:13px; color:#00000;">Business Development Representative<br /></span>
<a href="https://deboertool.com">
  <img moz-do-not-send="true" alt="web" src="https://deboertool.com/images/email-logo.jpg" height="75" width="255">
</a>
<span style="font-family:Verdana; font-size:11px;line-height:1.55"> 336 Watline Avenue<br/>
Mississauga, ON<br />
L4Z1X2 Canada
</span>
<span style="color:#696969; margin: normal; line-height:1.65; font-family:Verdana; font-size:11px">Phone: <span style="color:#000000; font-family:Verdana; font-size:11px"> 905-361-4303<br /><span style="color:#696969; font-family:Verdana; font-size:11px">Toll-free: <span style="color:#000000; font-family:Verdana; font-size:11px"> 1-888-4-De-Boer<br /><span style="color:#696969; font-family:Verdana; font-size:11px">Web: <a href="https://deboertool.com"><span style="color:#000000; font-family:Verdana; font-size:11px">www.deboertool.com</a><br /><span style="color:#696969; font-family:Verdana; font-size:11px">Email: <a href="mailto:[email protected]"><span style="color:#000000; font-family:Verdana; font-size:11px">[email protected]</span></a><br
/><br />

将跨度移动到分隔的

<div>

内可能会效果更好。您还有一些格式错误的 HTML，其中缺少大量

</span>

标签。

<div>
  <span style="font-family:Verdana; font-size:14px; font-style:Italic; color:#F57C00;"><b>Gavin Charitar</b></span>
</div>
<div style="margin-top: 10px">
  <span style="font-family:Verdana; font-size:13px; color:#00000;">Business Development Representative<br /></span>
</div>
<div style="margin-top: 0px">
  <a href="https://deboertool.com">
    <img moz-do-not-send="true" alt="web" src="https://deboertool.com/images/email-logo.jpg" height="75" width="255">
  </a>
</div>
<div style="margin-top: -8px">
  <span style="font-family:Verdana; font-size:11px;line-height:1.55"> 336 Watline Avenue<br/>
Mississauga, ON<br />
L4Z1X2 Canada
</span>
</div>
<div style="display: block;margin-top: 9px">
  <span style="color:#696969; margin: normal; line-height:1.65; font-family:Verdana; font-size:11px">Phone:</span>
  <span style="color:#000000; font-family:Verdana; font-size:11px"> 905-361-4303</span>
  
  <br />
  
  <span style="color:#696969; font-family:Verdana; font-size:11px">Toll-free:</span>
  <span style="color:#000000; font-family:Verdana; font-size:11px"> 1-888-4-De-Boer</span>
  
  <br />
  
  <span style="color:#696969; font-family:Verdana; font-size:11px">Web:</span>
  <a href="https://deboertool.com">
    <span style="color:#000000; font-family:Verdana; font-size:11px">www.deboertool.com</span>
  </a>
    
  <br />

  <span style="color:#696969; font-family:Verdana; font-size:11px">Email:</span>
  <a href="mailto:[email protected]">
    <span style="color:#000000; font-family:Verdana; font-size:11px">[email protected]</span>
  </a>
</div>