使用 Foundation For Emails 2 及其模板语言 Inky 提供元素填充和/或边距有哪些方法？

Question

有哪些方法可以使用 Foundation For Emails 2 及其模板语言 Inky 为元素提供填充和/或边距？

我发现两种方法可以为编码电子邮件的元素添加填充（适用于大多数邮件客户端）：

• 给一个 td 元素填充

这显然是最常用的电子邮件布局方法。但在您的工作流程中采用 Inky 时，td 元素会合并到 <container> 元素中。

• “表格自然会占用尽可能多的可用空间。因此，可以通过在要居中的列的左侧和右侧添加空列来使列居中。”

这是你必须坚持网格的问题。我注意到您可以自定义网格划分的单元格数量，但设计也必须使用网格。

这些是我在谷歌搜索和浏览 Foundation For Email 2 的文档时发现的方法。我是否忽略了某些东西，或者我误解了某些东西，或者 Inky 是否只是为了与基于网格的设计结合使用？

作为一个额外的问题，我将如何使用 Inky 垂直对齐元素？

Answer 1

我可以通过 Foundation for Email 2.1 更新回答我的第二个问题：

电子邮件客户端之间的垂直间距并不像听起来那么简单， 事实上，它始终不一致。 Outlook 的版本不 尊重边距和填充相同，<br> 完全不同 这个地方。还有谁想到处看<br><br><br>？

新的<spacer> 组件会处理这个问题。

<spacer size="16"></spacer>

大小是您需要的垂直间距的像素高度。