2

画像はピクセルの一番上の行を失いましたが、特定の状況でのみです。マークアップの例：

<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td valign="top" height="20">
            <div style="line-height:0;"><img src="http://path.to/image.png" alt="" height="20" width="25" /></div>
        </td>
    </tr>
</table>

<img>はインライン要素なので、ブロックレベルの要素内に含める必要があるという印象を受けました。だから私は自分を包み<img>ました<div>。しかし、これにより、テキストのアンダーハングが原因で<div>身長が高くなりすぎるという問題が発生しました。そこで、回避策としてline-heightを0に設定しました。

何を設定しても、heightまたはvalignに設定して<td>も<img>、画像の上部は切り取られます。行の高さを削除することが答えであることがわかりました。どうしてこれなの？

<img>将来的には、タグでdisplay：blockを使用します。

4

2 に答える 2

3

<div>■使用している電子メールクライアントによって、扱いが異なります。電子メールクライアントのIEはAOLです（しかし、誰がそれをもう使用しています）。チップカレンはあなたが少し考えすぎているのは正しいと思います。なぜ必要以上のコードを入れるのか。これを試してみてください（TD内にラインリークはありません）：

<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td><img src="http://path.to/image.png" alt="" height="20" width="25"></td>
    </tr>
</table>

または、本当に高さを定義する必要がある場合：

<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td height="20" style="height:20px;line-height:20px;"><img src="http://path.to/image.png" alt="" height="20" width="25"></td>
    </tr>
</table>

お役に立てば幸いです。

于 2012-07-18T17:33:02.810 に答える
3

これは、非常に長い画像がキャンペーンに挿入されたときにOutlookで発生します。画像の長さの制限は、高さ約1728pxです。Outlookは、1728pxより高い画像の上部から余分な部分を切り取ります。

画像のサイズを1728px未満の高さに縮小できない場合は、画像を個別の画像に切り抜くことをお勧めします。ドラッグアンドドロップテンプレートを使用している場合は、キャンペーンに複数の画像ブロックを追加して、画像の各部分をアップロードできます。画像が1つの流動的な画像として表示されるようにするには、各画像ブロックの[設定]タブに移動し、[余白]の下の[端から端まで]チェックボックスをオンにします。

于 2014-10-14T11:16:30.467 に答える