email 的 html 到底应该怎么排版啊

8 天前
 scienhub

之前是没搞定用 python+smtp+gmail 发信

根据这个这个帖子 https://v2ex.com/t/1049187 的建议,用 https://github.com/kootenpv/yagmail 搞定了。

现在有了 邮件 html 的排版问题。

我先是用了这个 https://github.com/leemunroe/responsive-html-email-template 模板,啥都不改直接发出去,在 iPhone 的邮件客户端,Thunderbird 客户端,以及 gmail web 客户端上看起来都有问题。

主要是段落间间距巨大,而且邮件顶部也有巨大的空白,后面有截图。

发信的代码大概就是

yag.send(
    to='recipient@example.com',
    contents=['path/to/email.html'],
)

然后我在 thunderbird 客户端里直接把 npm 发给我的邮件另存为 html ,然后用 yagmail 发出去,同样排版问题。

NPM 的邮件

我发出去的样子,行间距莫名其妙地大,而且最顶上图标上下都有莫名其妙的巨大空白

已经被搞破防了,这邮件的排版怎么这么难搞。有没有什么工具可以辅助的呀?

583 次点击
所在节点    问与答
8 条回复
Jinnrry
8 天前
不同邮箱用的 html 标准不一样,但基本上都是用的非常老的标准,不要用任何最近几年的语法
since2021
8 天前
https://frankindev.com/2022/07/16/available-html-tags-in-emails/
只有部分的 html 标签在邮件里能用,尽量用简单的标签
CHTuring
8 天前
想兼容所有的邮箱的话,那就只能用 table 来做。
kcccc
8 天前
看看 MJML ,生成自响应的邮件模板。
idealist
8 天前
WashFreshFresh
7 天前
关键词 模板引擎 我经常用的就是 java 的 FreeMarker
zdw189803631
6 天前
table
scienhub
6 天前
@kcccc

感谢,我尝试一下这个工具

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1052071

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX