間距
電子郵件的垂直間距並不一致。間距元件將協助您建立所需的空間，在每個裝置和客戶端上都相同。
基礎
電子郵件客戶端之間的垂直間距並不像聽起來那麼簡單，事實上，它始終不一致。不同版本的 Outlook 無法以相同的方式套用 margin 和 padding，而且 <br> 在各處都不同。
間距用於建立元素之間的垂直間距。大小 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，或僅使用其中一個屬性，以僅在對應大小的螢幕上呈現間距。
