注意:
后端ftl文件里面的前端代码一定去除所有空格,空格行
如:`
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>
<html>
<body style="margin:0;padding:0">
<table border="1px" cellpadding="5px" cellspacing="-10px">
<thead><#if title??> ${title}</#if></thead><#if content??> ${content}</#if></table>
</body>
</html>
要换成这样一行的:
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'><html><body style="margin:0;padding:0"><table border="1px" cellpadding="5px" cellspacing="-10px"><thead><#if title??> ${title}</#if></thead><#if content??> ${content}</#if></table></body></html>
不然邮箱内容显示样式会混乱,我当时改了一天,百度也百度不到。
至于原理:我是粗浅的理解,发送内容时,qq邮箱用pre标签包裹内容。不信你可以在发html邮箱内容混乱时,f12找到自己内容,会发现被pre标签包裹,之后调试把pre标签改成div,发现就可以了。