我可以使用 MJML 访问我的模板电子邮件，就像我的图片一样吗？

Can I reach my template email like my picture by using MJML?

提问人：SoliMoli 提问时间：12/21/2020 最后编辑：JensSoliMoli 更新时间：10/12/2021 访问量：628

问：

美好的一天，我正在使用 MJML 框架来获得上传的类似图片的模板：

enter image description here

所有这些都在 MJML 上运行良好，当我将模板发送到我的电子邮件时，我对其进行了测试，但问题是，如果您发现徽标正在使用 css 从父框中出来，所以我几乎尝试了所有方法，例如我曾经将其从框中取出， 但这些都不起作用，当我将模板发送到我的电子邮件地址时，我到达了这样的结果：logotransform and translate, negative margins, positions: absolute and relative

enter image description here

我也在谷歌上做了很多研究，几乎每个人都说不可能做出这样的东西，但我认为这是可能的。 你们能告诉我我的MJML或编码有什么问题吗？

javascript html css 电子邮件 mjml

评论

3赞 12/21/2020
可以通过伪造它并使用不离开其表格单元格的图像来实现。只需使背景成为图像的一部分即可。
0赞 SoliMoli 12/21/2020
@ChrisG感谢您的评论，您的意思是我在整个标题中使用图像而不是编码？如果我理解你，对吗？好吧，我以为之前要对我的整个标题使用图像技巧，但我的首席 UI 人员不接受这一点，他们希望我通过编码而不是图像来做到这一点。
1赞 BaldEagle 12/22/2020
MJML 信息的一个重要而及时的来源是 slack.mjml.io。不规则边界/遵守组件边界已经与 MJML 团队进行了讨论。当时的结论是，没有一个MJML组件包含不规则的边界，并且所有组件都将其所有内容保持在定义的边界内。它变了吗？对此表示怀疑，但请问那里以获得团队的意见。这让你的UI人员有了@ChrisG给你的想法。
7赞 12/22/2020
然后，您的主要 UI 人员需要了解 HTML 电子邮件的限制。那里有很多资源。你基本上必须忘掉一切，回到 1999 年的网站制作;将表格用于布局、内联样式等。我也不喜欢它，但现在就是这样。
1赞 12/23/2020
这里有很多有用的提示和链接： css-tricks.com/tools-html-email-workflow

答： 暂无答案

上一个：CSS 文本省略号，包括“更多”链接

下一个：为什么 'white-space-colcollapseing' CSS3 属性的引入被推迟到 CSS-text-4（可能为 'text-space-collapse'）？