开发发邮件，outlook2016 收到邮件样式不对

最新推荐文章于 2022-08-07 15:48:41 发布
最新推荐文章于 2022-08-07 15:48:41 发布
阅读量3.2k 收藏 1
点赞数 2
分类专栏： html 文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bingVling/article/details/84027565
版权

1.在邮件开发邮件发送的时候，可能会嵌套html标签，在主流的浏览器好foxmail显示是正确的，但是在outlook工具上显示不正常，刚开始的时候很好奇，为什么不对呢，经过测试 我们写的邮件的html是html5，outlook的兼容html2，意思不需要写那么骚气的html标签。

html5:

  <div style="padding:1rem;">
    <h4>尊敬的客户，您好！</h4>
    <h5>您的电子发票已生成，发票信息如下：</h5>
    <div style="margin: 50px auto;">
      <ul style="background: #fdefe5; color: #eb5404; display: block; clear: both; width: 90%; overflow: hidden; border: 1px solid #eb5404;  padding:0; margin:0; list-style:none;">
        <li style="float: left; width: 30%;  line-height: 35px; box-sizing: border-box; text-align: center; padding:0; margin:0; list-style:none;">电子发票代码
        </li>
        <li style="float: left; width: 30%; border-left: 1px solid #eb5404; border-right: 1px solid #eb5404;line-height: 35px; box-sizing: border-box; text-align: center; padding:0; margin:0; list-style:none;">电子发票号码
        </li>
        <li style="float: left; width: 30%; line-height: 35px; box-sizing: border-box; text-align: center;  padding:0; margin:0; list-style:none;">开票日期
       </li>
      </ul>
      <ul style="margin-top: -2px;display: block; clear: both; width: 90%; overflow: hidden; border: 1px solid #eb5404; border-top: 0 !important; padding:0; margin:0;  list-style:none;">
        <li style="float: left; width: 30%;font-size: 80%; line-height: 35px; box-sizing: border-box; text-align: center; padding:0; margin:0; list-style:none;">{{1}}</li>
        <li style="float: left;width: 30%;font-size: 80%;  border-left: 1px solid #eb5404; border-right: 1px solid #eb5404; line-height: 35px; box-sizing: border-box; text-align: center; padding:0;  margin:0; list-style:none;">{{2}}</li>
        <li style="float: left; width: 30%; font-size: 80%; line-height: 35px; box-sizing: border-box; text-align: center; padding:0; margin:0; list-style:none;">{{3}}</li>
      </ul>
    </div>
    <h6>您可点击<a href="{{4}}" style="color:#eb5404; text-decoration: none;">进行发票查看、下载</a></h6>
    <div style="margin-top: 50px;">
      <p>本邮件最终解释权归股份有限公司所有</p>
      <p>如有任何疑问，您可以拨打联系我们</p>
    </div>
  </div>

html2:

<body>
        <table border="0" cellspacing="0" cellpadding="0">
            <tr><th>尊敬的客户，您好！</th></tr>
        </table>
        <table border="0" cellspacing="0" cellpadding="0" style="line-height: 30px;">
            <tr><td>您的电子发票已生成，发票信息如下：</td></tr>
        </table>
        <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border: 1px solid #eb5404;margin: 20px auto;">
            <tr style="line-height: 30px;text-align: center; background: #fdefe5; color: #eb5404;">
                <th style="border-right:  1px solid #eb5404;">电子发票代码</th>
                <th style="border-right:  1px solid #eb5404;">电子发票号码</th>
                <th>开票日期</th>
            </tr>
            <tr style="line-height: 30px;text-align: center;">
                <td style="border-top:  1px solid #eb5404;border-right:  1px solid #eb5404;">1234567890</td>
                <td style="border-top:  1px solid #eb5404;border-right:  1px solid #eb5404;">1234567890</td>
                <td style="border-top:  1px solid #eb5404;">2018-11-12</td>
            </tr>
        </table>
        <table border="0" cellspacing="0" cellpadding="0" style="line-height: 30px;">
            <tr><td>您可点击 <a style="color: #eb5404;" href="#">进行发票查看，下载</a></td></tr>
        </table>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr style="line-height: 30px; text-align: center;"><td>本邮件最终解释权归股份有限公司所有</td></tr>
        </table>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr style="line-height: 30px; text-align: center;"><td>如有任何疑问，您可以服务热线</td></tr>
        </table>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr style="line-height: 30px; text-align: center;"><td><a style="color: #eb5404;" href="#">联系我们</a></td></tr>
        </table>
    </body>

 

bingVling
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
outlook邮件中样式错乱问题
LLG
08-13 6112
场景： 公司人力资源共享中心为关怀员工提出对在职员工推送生日祝福/入职周年庆祝的消息（含短信、企微、以及邮件），要求邮件和企微推送消息为网页形式展现。 现象： 邮件模板编写完成后不同的收件平台渲染的情况大相径庭，再outlook客户端以及网页版收到的邮件内容出现了严重的变形问题。如图所示（左侧为Foxmail显示、右侧为outlook显示）： 代码： <div style="max-width: 414px;min-width: 414px;max-height:736px;min..
outlook邮件中样式问题
weixin_34006468的博客
11-18 2374
目前要做一个定时发送邮件的功能，邮件的大致内容布局如下： HTML中 在QQ邮件中，可以进行正常显示。 在outlook网页版，也可以正常显示， outlook客户端 但是到了客户端就会出现很多很神奇的问题，基本样式全丢，浮动不支持，定位不支持，所以很多样式都乱了，后来百度一下才知道OUTLOOK是按照word的方式解析的，很多样式，标签都不支持，不支持内部样式表，所以只能写...
邮件模板开发
WWF_HelloWorld
09-13 1013
开发一个邮件模板，为了保证兼容网页版（包括电脑和手机）、电脑客户端、移动端APP等，还是有很多需要注意的地方。 估计以后也不会经常开发邮箱模板，简单总结一下。 一、基本规则 基本模板 为了保证良好兼容性，使用Doctype XHTML 1.0，不可使用html5 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
outlook 2016设置邮件格式为纯文本
MashiMaroJ的专栏
08-07 1335
outlook 2016设置邮件格式为纯文本
编写基于outlook显示的html邮件需要注意的问题
weixin_30663471的博客
08-17 1258
outlook对于html的支持是有限制的，在编写这些html的时候注意遵循以下规则： Never use colspans or rowspans. Always set correct dimensions for your tables and cells. Use spacer gifs rather than &nbps;. Always specify correc...
Ruby-premailerrails轻松为邮件添加CSS样式
08-15
这是因为许多邮件客户端（如Gmail、Outlook）出于安全考虑，会忽略嵌入在`<head>`标签内的`<style>`块，而优先支持内联样式。通过将CSS转换为内联样式，可以确保邮件在各种客户端中保持一致的视觉效果。 ### 2. ...
AfterPay-Email:交易电子邮件
05-30
开发者需要遵循最佳实践，例如使用内联样式，以确保邮件在像Gmail、Outlook这样的桌面和移动应用中都能正确显示。此外，为了那些不支持HTML的用户，还需要提供纯文本版本的邮件。 文件名称列表中的"AfterPay-Email-...
网站改版上线邮件订阅html模板
06-07
6. **兼容性和测试**：确保模板在各种电子邮件客户端（如Gmail、Outlook等）和浏览器中都能正常工作。这需要进行广泛的兼容性测试，以减少潜在的技术问题。 7. **可定制性**：为了满足特定的品牌风格，模板应具有...
outlook
07-25
Outlook是一款由微软公司开发的电子邮件和日历应用程序，它也是Microsoft Office套件的一部分。在JavaScript（JS）的帮助下，Outlook可以实现丰富的交互效果，提升用户体验。本文将深入探讨Outlook与JavaScript之间...
OutlookWow.544fbvdetd.gantsjv
03-22
【标题】"OutlookWow.544fbvdetd.gantsjv"可能是某个特定的Outlook电子邮件或附件的标识符，或者是由于安全原因而混淆的实际文件名。在这种情况下，我们主要关注的是与Outlook和HTML相关的知识。 【描述】描述中的...
java发送OutLook会议邮件
10-22
上一篇是java发送邮件，小白再次编写了java发送outlook会议邮件，保证可执行！
[精选]经济部商业司推动彰化县鹿港镇智慧商圈计画.pptx
09-21
Outlook Express是一款由微软开发的电子邮件和新闻组客户端软件，它是早期Internet Explorer浏览器套装的一部分。在本文中，我们将深入探讨Outlook Express的功能和使用方法，这对于理解和管理个人或企业的电子邮件...
2021-2022计算机二级等级考试试题及答案No.15416.docx
10-28
【计算机二级等级考试知识点】 ...这些知识点涵盖了计算机二级等级考试中的多个主题，包括网络基础、Java编程、数据库操作、Excel、CSS样式、HTML、Web开发、操作系统、数据结构、编程语言特性以及电子邮件管理等。
office宏教程 office vba教程
09-02
例如，你可以编写宏，当收到特定条件的邮件时，自动将其归档或转发到其他邮箱。 VBA_Graph10.CHM可能包含关于在Office应用程序中创建和修改图形对象的VBA编程指南，这对于需要大量数据可视化的项目非常有用。 VBA_...
VSTO 2007 Code Listings
02-26
4. **事件处理**：VSTO允许你订阅Office对象的事件，比如当用户打开一个新的Excel工作簿时触发某些代码，或者在Outlook中收到新邮件时执行特定的操作。 5. **集成Office对象模型**：VSTO允许直接访问Office应用的...
outlook html邮件样式不起作用,【总结】OUTLOOK2016邮件样式和inline图片兼容性等问题解决...
weixin_39629679的博客
06-17 3971
Div布局不支持outlook客户端很多都不支持div布局。应该全部换成table布局。line-height不生效解决方案mso-line-height-rule: exactly;在空的单元格中加入空格HTML转义符：例如一个水平带颜色的条：width="100%"style="mso-line-height-rule: exactly; line-height: 3px; backgrou...
outlook html阅读,如何修复Outlook 2016中的HTML格式
weixin_39970166的博客
05-31 189
我的HTML代码生成的问题是为Web窗体生成的.它适用于Outlook以外的所有程序.有办法解决这个问题吗？因为我真的不希望客户得到这样的电子邮件：/我的HTML代码：Schönen guten Tag {name}, Ihre Anfrage ist bei uns eingegangen. Wir bemühen uns um eine schnelle Antwort, um Ihnen w...
【牛客】发邮件
金金金金金的博客
03-12 269
1.题目 NowCoder每天要给很多人发邮件。有一天他发现发错了邮件，把发给A的邮件发给了B，把发给B的邮件发给了A。于是他就思考，要给n个人发邮件，在每个人仅收到1封邮件的情况下，有多少种情况是所有人都收到了错误的邮件？即没有人收到属于自己的邮件   链接：https://www.nowcoder.com/questionTerminal/95e35e7f6ad34821bc2958e37c08918b   2.题目解析 前提：n个元素放到n个位置，元素和位置各不对应的方法用D(
python发邮件outlook
最新发布
08-05
你可以使用 Python 的 smtplib 模块来发送邮件到 Outlook。以下是一个示例代码，演示如何使用 Outlook SMTP服务器发送邮件： ```pythonimport smtplibfrom email.mime.text import MIMETextfrom email.mime.multipart import MIMEMultipart# 发件人信息sender_email = 'your_email@example.com' sender_password = 'your_password' # 收件人信息receiver_email = 'recipient@example.com' # 创建邮件内容message = MIMEMultipart() message['From'] = sender_emailmessage['To'] = receiver_emailmessage['Subject'] = 'Python 发送邮件示例' # 添加正文message.attach(MIMEText('这是一封通过 Python 发送的邮件。', 'plain')) # 登录到 SMTP服务器并发送邮件with smtplib.SMTP('smtp.office365.com',587) as server: server.starttls() server.login(sender_email, sender_password) server.send_message(message) print('邮件已发送') ``` 在上述代码中，你需要将 `your_email@example.com` 和 `your_password` 替换为你的 Outlook 邮箱地址和密码，`recipient@example.com` 替换为收件人的邮箱地址。这段代码将发送一封包含简单文本内容的邮件。 请确保你已经启用了 Outlook 邮箱的 SMTP服务，并且已经安装了必要的依赖模块（smtplib、email）。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值