如何让邮件中展示的table表格更顺眼?

本文最后更新于2017年12月8日,已超过 1 年没有更新,如果文章内容失效,还请反馈给我,谢谢!

=Start=

缘由:

端口扫描的结果需要用邮件的形式通知运营人员进行处理,默认的样式有点丑,需要改的更好看一点。

正文:

参考解答:

HTML中控制表格的样式一般是通过<style>…</style>标签来进行设置的,比如(具体的颜色可以自己调整):

参考链接:

=END=

声明: 除非注明,ixyzero.com文章均为原创,转载请以链接形式标明本文地址,谢谢!
https://ixyzero.com/blog/archives/3701.html

《如何让邮件中展示的table表格更顺眼?》上有4条评论

  1. 用 PhantomJS 让邮件报表图文并茂(一)
    http://blog.krimeshu.com/2018/04/08/colorful-chart-mail-report-with-phantomjs/

    传统报表邮件中,只能以简单的 table 表格来展示数据,一但数据维度增加、业务日渐复杂,报表邮件将变得越来越冗杂、难以理解。

    通常 Web 端可以采用 ECharts 等方案来实现丰富的图表效果,但报表邮件由于各种邮件客户端环境的关系,虽然是使用 HTML 编写邮件内容,可用的样式、布局都有会诸多限制,甚至不允许执行 JavaScript 脚本。
    虽然邮件不支持脚本生成的 canvas 图表,但却是支持图片展示的。

    将图表转换为图片
    phantomJS 脚本实现自动化

  2. Html中table居中和表格内容居中的问题
    https://blog.csdn.net/itzhongzi/article/details/52593213

    在表格td中,有两个属性控制居中显示:

    align——表示左右居中——left,center,right
    valign——控制上下居中——left,center,right

    这两个属性综合使用,就可以让单元格的内容上下左右都居中显示。

    但是有的时候吧,会失效,那么在td中设置text-align为center也可。

    td {
    text-align: center;
    }

    关于表格居中:

    有时候在Div中加上 里面的Table是不会居中的我们可以在Table中加上 margin:auto 比如:

    aaaaaaaa
    bbb

    html 元素水平居中方式
    https://www.cnblogs.com/darcrand-blog/p/5721733.html
    HTML几种设置水平居中和垂直居中的方式
    https://blog.csdn.net/qq_14962891/article/details/51783136

  3. Email Charts – Bar, Area and Pie Charts
    https://stackoverflow.com/questions/10862767/email-charts-bar-area-and-pie-charts

    发送HTML电子邮件本身是一项棘手的工作。各种邮件客户端的各种标准和限制以及加载的安全限制使创建跨浏览器/客户端HTML电子邮件交付变得困难。作为一个经验法则,我认为您使用的技术越旧,它在邮件客户端之间的一致性越好。所谓的“老”技术,我指的是table驱动的HTML、具有非常基本的CSS属性的内联CSS、不使用脚本等等。

    Echarts官方推荐的Python语言插件
    https://github.com/apache/incubator-echarts#python

发表评论

电子邮件地址不会被公开。 必填项已用*标注