html - Outlook 无法识别填充。任何不使用表格的解决方案?

标签 html css email outlook

我有一封底部使用彩色文本框的电子邮件。

问题是 Outlook 无法识别填充,文本被挤得太紧看起来很糟糕。它与基于 Web 的电子邮件客户端一起使用时看起来很棒。

我试过使用表格代替,Outlook 会识别表格中的填充,但最终会遇到其他问题,例如 Gmail 和 Yahoo 会忽略某些内容。我得出结论,表格不是要走的路......

有没有人在不使用表格的情况下成功地在 Outlook 中复制填充?现在,我已经接受了以下代码,除了 Outlook,它在任何地方看起来都不错:

<div style="background-color: #D5ECFA; margin-left: 10px; margin-right: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;">
    <b>Header</b><br>
    Paragraph 1............<br><br> 
    Paragraph 2.........<br><br> 
    Paragraph 3
</div>

最佳答案

我会简单地创建一个嵌套的 <div>并将它的外边距推向父级:

<div style="background-color: #D5ECFA; margin-left: 10px; margin-right: 10px;">
   <div style="margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px;">
     <b>Header</b><br>
     <p>Paragraph 1............</p>
     <p>Paragraph 2.........</p>
     <p>Paragraph 3</p>
   </div>
</div>

我在这里测试过:http://info.contactology.com/email-view 它看起来非常接近你所拥有的

关于html - Outlook 无法识别填充。任何不使用表格的解决方案?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32017418/

相关文章:

html - "let-"仅在 ng-template 元素上受支持

html - Firefox 打印页面 - 白色字体颜色被覆盖为较深的颜色

java - 使用java应用程序发送电子邮件

javascript - 发送包含从 ajax 请求检索到的数据的电子邮件

java - 邮件阅读问题?

javascript - jQuery Change() 不会触发

html - 如果元素在父元素中只出现一次,则将 CSS 规则应用于该元素

html - 样式不考虑没有按钮

jquery - 如何在jquery中隐藏特定div之前的内容?

css - Jekyll github pages 站点忽略 .css