断层的技术

102 阅读1分钟

最近接到一个新的需求。开发 html类型的邮件模板。

我寻思着还原界面,那还不是我的拿手好戏?

然后随着资料的查询,才发现事情并不简单。

甚至可以夸张的说这个坑,巨大的坑。

传统的布局方式,几乎不能用。为了省心省力,你得需要用 table 布局

ps: table 我只用来展示 table。布局?不好意思 ,我用 div

没办法,简单的查询资料后,就开始了...

行内样式优先,omg ,这让习惯内联样式,或者单独写 css 文件的我,又一次突破了下限。

大多数的邮件客户端还是较为轻松的过关了,然而,平静的背后,肯定是暗流涌动。

outlook 巨硬出品,就如 IE6 一样难搞。大多数的 css 属性支持的并不理想,通过深入的了解,发现

<!--[if mso 9]-->
<!--[endif]-->

还有这种简单条件判断的能力

磕磕碰碰 ,万幸的完成了任务。

感想

首先,先不提一些邮件模板本来的坑吧。单纯 table 布局,我想早期的从业者,可能会显得更加得心应手?耳闻过,table 布局的时代。

当然,我个人认为 div + css 的布局方式取代 table ,还是很好的。语义化,代码整洁等。

最后,听闻过去的一段时间, flex 已经登上了主舞台。一些相对年轻的从业者,也只基于 flex 来布局?就像当年的我,一直用 float ,更像当年的 table 那批人?