0

HTML メールの垂直スペーサーとして次のコードを使用しています。

<div style="height:14px; font-size:14px; line-height:14px;">&#160;</div>

これは、非常に大きなスペースを作成する Hotmail を除いて、どこでもうまく機能します。これについて少し調査したところ、Hotmail はデフォルトで CSS を埋め込んでおり、これが多くの問題を引き起こしているようです。

問題に対処するために次のコードを含めましたが、役に立ちませんでした。

.ExternalClass, .ExternalClass p, .ExternalClass span,
.ExternalClass font, .ExternalClass td, .ExternalClass div {
line-height: 100%; margin: 0; padding: 0;}

ここにいる他の誰かが解決策や回避策を持っていることを願っています。

4

2 に答える 2

1

単なるスペーサーの場合は、代わりにスペーサー画像のあるテーブルを使用しないでください。ほとんどの電子メール クライアントは、インライン スタイルの div よりもテーブルを好み、正しくレンダリングします。そのようなもの：

<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td height="10">
      <img src="http://media.instantcustomer.com/22033/0/5_spacer.png" alt="" width="1" height="10" border="0" style="border:0" />
    </td>
  </tr>
</table>

高さを 10 から必要な高さに変更します。td 要素と img 要素で高さを指定する必要があります。必要に応じて、スペーサー イメージを置き換えます。スペーサー画像をまったく使わなくても済むかもしれません。

于 2013-02-21T01:22:39.563 に答える
0

これを使用することも<br>&nbsp<br>、フォントタグでラップして高さを設定することもできます。<td>サガンバイトが提案したように、またはテーブルでパディングを使用することもできます。

Outlook<p>はテーブルの周りにタグをラップすることに注意してください。これにより、誰かがメールを転送した場合に約 15 ～ 20 ピクセルの垂直方向のスペースが追加されます。代わりにテーブル行を使用すると、数ピクセルしか追加されません。これを念頭に置いて、不要な線が表示されないように、常に背景色を同じにしてください。

于 2013-02-21T16:47:05.587 に答える