もう 1 つの回答は Web では機能しますが、html メールでは正しくありません。位置は、Gmail、Yahoo、Outlook 07、10 & 13、Lotus Notes 6 & 7、Android 2.3 Gmail、Windows Mobile 7 などの多くの電子メール クライアントではサポートされていません。 を参照してください。Campaign MonitorのCSS サポート ガイド- 完全なサポートの内訳については、完全なガイド PDF をダウンロードしてください。
HTML メールでこれを行うには 2 つの方法しかありません。
- 画像を 2 つに切り取り、上の表の行に一番上の画像/部分をはみ出させます
- 1 つの完全なイメージとして保持する場合は、rowspan (または水平に突き出ている場合は colspan) を使用する必要があります。
行スパンの例を次に示します。
<table width="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100" height="100" bgcolor="#F5F5F5">
</td>
<td width="400" rowspan="2" bgcolor="#252525">
<img style="margin: 0; border: 0; padding: 0; display: block;" src="" width="400" height="300" alt="">
</td>
<td width="100" height="100" bgcolor="#F5F5F5">
</td>
</tr>
<tr>
<td width="100" height="200" bgcolor="#959595">
</td>
<td width="100" height="200" bgcolor="#959595">
</td>
</tr>
</table>