html - 如何在 Outlook 2007、2010 和 2013 的 html 电子邮件中创建填充?

标签 html css email templates outlook

我的电子邮件模板(取自 https://github.com/internations/antwort)适用于所有电子邮件客户端。 不幸的是,当我尝试创建一个简单的按钮时,填充在 Outlook 2007、2010 和 2013 中不起作用。

 <a style="color:white; text-decoration:none;" href="http://"><span style="color: #ffffff;     background-color:#17aadf; font-weight: bold; font-size: 14px; padding:8px;margin-left: 8px; margin-right: 8px; margin-bottom: 8px; line-height: 24px; font-family:Arial, Helvetica, sans-serif">Konto aktivieren</span></a> 

即使在 Outlook 中也能看到填充(或其他)的好方法是什么?

最佳答案

<span>是行内元素。他没有跨浏览器padding .尝试 float:left或删除 padding并设置你的 line-height32px

关于html - 如何在 Outlook 2007、2010 和 2013 的 html 电子邮件中创建填充?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23472035/

相关文章:

ruby-on-rails-3 - Ruby on Rails with Sorcery 重置密码电子邮件出现未定义方法错误

html - 未应用 scss 类

javascript - 单击 div 后通过 jquery 更改 css

jquery - 模仿打开/关闭抽屉的滑动/动画行为

css - 如何在两个 div 之间创建灵活的垂直线?

css - mask-image 和 -webkit-mask-image 在 Firefox 中不起作用

python - 将 pdf 文件附加到 EmailMessage?

html - 我正在尝试使用复选框来更改元素的颜色,但它不起作用

css - HTML:不支持自动换行

regex - Bash 正则表达式电子邮件匹配