电子邮件中的按钮大小错误

时间:2019-06-19 13:13:47

标签: html css outlook-2013

我正在使用Workwave在PestPac中创建的功能来创建电子邮件模板。在模板中,我创建了一个链接到文章的按钮(请参见下面的代码)。问题是无论按钮的宽度或高度设置为多少,电子邮件都会显示按钮较小。但是,当我在浏览器中查看电子邮件时,该按钮会调整其设置的大小。

尝试了不同的宽度和高度设置。增加表行的大小以适应按钮的大小。

<tr style="height: 200px;">
  <td style="width: 100%; padding: 20px; font-family: 'trebuchet ms', geneva, sans-serif; font-size: 12pt; height: 200px;">
    <p style="text-align: justify;"><span style="color: #333399; font-size: 24pt;">Spare yourself from the physical and emotional pain of a fire ant infestation.In addition to the pain from a bite, fire ants can result in costly repairs to electrical components like HVAC units.</span></p>
    <div style="text-align: center;"><span style="color: #333399;"><span style="color: #333399;"><a style="display: inline-block; width: auto; height: auto; padding: 50px; margin: 8px; background-color: #00a0ff; border-radius: 0px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #333399;" href="https://www.clarkspest.com/fire-ants-ouches-facts/" data-type="cu_button">Read More!</a></span></span>
    </div>
  </td>
</tr>

0 个答案:

没有答案