0

ほとんどの電子メール キャリアで機能する HTML ニュースレターを持っていますが、Outlook ではフォーマットが乱れています。イメージ タグに vspace="10" を配置して、イメージとその下のテキストの間にスペースを確保するために、イメージの上下に 10 ピクセルのマージンを設定しました。ただし、Outlook では vspace が取得されず、テキストが画像のすぐ下にスペースなしで表示されます。

これを機能させる方法を知っている人はいますか？画像に 10px の margin-bottom を配置しようとしましたが、これもうまくいきませんでした。

4

2 に答える 2

2

ネストされたテーブルを使用して、行の高さを 10px に定義する方が簡単な場合があります。Outlook 2007 以降で取り組んでいるのは、独自の方法で CSS を処理する Word HTML レンダリングです。

于 2012-12-10T21:43:33.877 に答える
0

HTML メールでは、ブラウザによって微妙な違いがあります。メールの作成から学んだことの 1 つは、非常にシンプルにする必要があるということです。Outlook では、マージンとパディングの両方がサポートされていません (ワード レンダリング エンジンを使用しているため)。

ソリューション

画像とスペースを、2 つのスペーサー gif と中央の画像を含むテーブルに置き換えます。例 (画像への絶対パスを使用する必要があります):

<table cellpadding="0" cellspacing="0">
  <tr>
    <td>
      <img style="display:block" border="0" src="images/spacer.gif" width="IMAGEWIDTH" height="10" />
    </td>
  </tr>
  <tr>
    <td>
      <img style="display:block" border="0" src="YOUR IMAGE" width="" height="" />
    </td>
  </tr>
  <tr>
    <td>
      <img style="display:block" border="0" src="images/spacer.gif" width="IMAGEWIDTH" height="10" />
    </td>
  </tr>
</table>
于 2012-05-16T08:35:58.567 に答える