最近接到一个新的需求。开发 html类型的邮件模板。
我寻思着还原界面,那还不是我的拿手好戏?
然后随着资料的查询,才发现事情并不简单。
甚至可以夸张的说这个坑,巨大的坑。
传统的布局方式,几乎不能用。为了省心省力,你得需要用 table 布局。
ps: table 我只用来展示 table。布局?不好意思 ,我用 div
没办法,简单的查询资料后,就开始了...
行内样式优先,omg ,这让习惯内联样式,或者单独写 css 文件的我,又一次突破了下限。
大多数的邮件客户端还是较为轻松的过关了,然而,平静的背后,肯定是暗流涌动。
outlook 巨硬出品,就如 IE6 一样难搞。大多数的 css 属性支持的并不理想,通过深入的了解,发现
<!--[if mso 9]-->
<!--[endif]-->
还有这种简单条件判断的能力
磕磕碰碰 ,万幸的完成了任务。
感想
首先,先不提一些邮件模板本来的坑吧。单纯 table 布局,我想早期的从业者,可能会显得更加得心应手?耳闻过,table 布局的时代。
当然,我个人认为 div + css 的布局方式取代 table ,还是很好的。语义化,代码整洁等。
最后,听闻过去的一段时间, flex 已经登上了主舞台。一些相对年轻的从业者,也只基于 flex 来布局?就像当年的我,一直用 float ,更像当年的 table 那批人?