0

ニュースレター用の短くてシンプルなHTMLメールを作成しました。すべてがGmailとHotmailに完全に表示されます。ただし、Outlookでは、画像の間にいくらかのスペースがあります。firebugで確認すると、行の高さが無視され、表示されている空白が実際にはtdの行の高さであることがわかります。これが私のコードの一部です：

    <tr>
      <td width="10" height="80"  style="line-height:0px; line-height:0; border-right:1px solid #9cc020;">&nbsp;</td>
      <td width="15" height="80" style="line-height:0;" >&nbsp;</td>
      <td width="560" height="80"  colspan="5" style="line-height:0;">
         <img src="http://infos.mycookit.com/img/PL01bis/c1.jpg" alt="avec le code CHAMP" width="560" height="80" style="display:block">
      </td>
      <td width="10" height="80"  style="line-height:0; border-left:1px solid #9cc020;">&nbsp;</td>
    </tr>

また、font-sizeを0に設定してみました。これは、行の高さ（％、em、px）を設定するさまざまな方法です。また、tdsとimgsの間の不要な空白を削除しましたが、行の高さは完全に無視されます。ファイアバグで変更すると、動作します。だから私は問題がそれ以外の何物でもないことを知っています。

これを回避する方法はありますか？

---編集-----ああ、私もこのスレッドでほとんどすべてを試しました： 奇妙なハックを含むHTMLメール用のOutlook2010では行の高さが機能していません。

4

1 に答える 1

1

Outlookは「実際の」htmlレンダラーを使用しないため、悪い場所に追い込まれます。「行の高さ」がまったく機能しないか、特定の要素に対して機能しない可能性があります。

さまざまな代替手法を試すことができます。たとえば、セル内のコンテンツをdiv、spanなどの追加要素でラップし、その要素にパディングまたはマージンを付けます。例

<td>
   <div style="padding: 10px 0;">[mycontent]</div>
</td>
于 2013-03-07T15:26:58.907 に答える