直接用HTML编写发货通知邮件，这一做法的核心并非追求华丽的视觉设计，而是确保邮件在Outlook、QQ邮箱、iPhone自带邮件等众多客户端中能够稳定显示，不出现版面错乱、文字模糊或按钮无法点击等问题。为此，你需要暂时放弃现代的Flex和Grid布局，转而采用上世纪90年代就已成熟的“表格布局+内联样式”方案。
为什么现代HTML/CSS在邮件中难以生效
根本原因在于主流邮件客户端对CSS的支持存在严重碎片化。Outlook，尤其是Windows桌面版，几乎只支持 基于以上现实，有几条铁律需要遵守：标签和内联的
style属性。Gmail会直接剥离邮件头部的和所有外部样式表。而iOS邮件客户端虽然对部分Flexbox有支持，但一旦涉及嵌套或动画效果，布局错位几乎是必然的。你精心编写的display: flex代码，很可能在用户收件箱中变成一堆相互堆叠的文字块。
style="..."属性中，最好连