20

メール テンプレートを設定していますが、いくつかの画像の上部が切り取られていました。これは画像の私のコードです

<td style="line-height: 0"><img src="http://domain.com/image.png"></td>

下の画像に触れさせたいので、下の空白が削除されるように、td に行の高さがあります。

上の画像の上部が少し切れていますが、これを修正するにはどうすればよいですか?

4

8 に答える 8

14

これを修正した方法は、行の高さを使用せず、代わりに画像を表示ブロックに設定することでした。これにより、画像の問題が修正され、下の空白が削除されました

<td><img src="http://domain.com/image.png" style="display:block;"></td>

これが誰かを助けることを願っています!

于 2013-06-25T13:37:13.997 に答える
2

私のテストでは、Outlook 2013 では、以前のバージョンの Outlook とは異なり、line-height を 0 に設定すると、コンテナーが含まれている画像よりも小さくなることが示されています。その結果、含まれている画像の上部がトリミングされます。これを修正できる唯一の方法は、line-height を 0 以外の値に設定することでした。line-height: 17px を使用すると、画像が適切に表示されました。0 以外の値でも機能する可能性があります。17px より小さい値はテストしていません。

設定表示: ブロックはこれを修正しませんでした。これは Outlook 2013 のみの問題であり、それ以前のバージョンの Outlook やその他のモバイルまたはデスクトップの電子メール クライアントには影響しないため、これは Outlook 2013 のバグであり、Microsoft からの修正は期待できないと考えて間違いありません。したがって、誰かが私の調査結果を確認できる場合は、Microsoft の貧弱な HTML 電子メール サポートに対応するために、この回避策を既に多すぎる回避策のパレットに統合することをお勧めします。

于 2014-10-03T12:16:10.580 に答える
0

常にすべての画像で使用Display:blockしてください。そうしないと、時々空白ができます:)

于 2013-07-08T12:46:42.717 に答える