间距组件
电子邮件中的垂直间距不一致。间距组件将帮助你创建你需要的所有空间，所有设备和客户端上的空间都相同。
基础
电子邮件客户端之间的垂直间距并不像听起来那么简单，事实上，它一直不一致。不同版本的 Outlook 对边距和填充的处理方式不同，而且<br>也完全不同。
间距组件用于创建元素之间的垂直间距。size size="x" 属性允许你设置所需的垂直间距的高度（单位：像素）。
使用 Inky HTML 时, <spacer> 标记将为你创建此结构。你可以在行、容器或包装器内使用它们，行、列和容器内。在此示例中，此间距组件将创建 100 像素的垂直间距
HTML
<p>Stuff on top</p>
<spacer size="100"></spacer>
<p>Stuff on bottom</p><html>
<head></head>
<body>
<p>Stuff on top</p>
<table class="spacer">
<tbody>
<tr>
<td height="100" style="font-size:100px;line-height:100px;"> </td>
</tr>
</tbody>
</table>
<p>Stuff on bottom</p>
</body>
</html>演示
Inky <spacer> 标记还允许你指定适用于小屏幕或大屏幕的上下文间距大小。在下例中，小屏幕上的垂直间距为 40 像素，大屏幕上的间距为 100 像素。
HTML
<p>Stuff above...</p>
<spacer size-sm="40" size-lg="100"></spacer>
<p>...stuff below.</p><html>
<head></head>
<body>
<p>Stuff above...</p>
<table class="spacer hide-for-large">
<tbody>
<tr>
<td height="40" style="font-size:40px;line-height:40px;"> </td>
</tr>
</tbody>
</table>
<table class="spacer show-for-large">
<tbody>
<tr>
<td height="100" style="font-size:100px;line-height:100px;"> </td>
</tr>
</tbody>
</table>
<p>...stuff below.</p>
</body>
</html>演示
同时指定 size-sm 和 size-lg 或仅使用这些属性之一来在相应大小的屏幕上呈现间距组件。
