5

ですから、運が悪かったので、この戦いに勝つために人生の数時間を失いました。要約すると、私は3つの10px画像でテーブルを埋めようとしていますが、GMailは各セルを16pxに強制しています。これが私が取り組んでいるものです：

<table border="0" cellpadding="0" cellspacing="0" width="550" style="height:10px !important">
    <tr style="height:10px" height="10">
    <td width="10" height="10" style="height:10px !important">
        <img src="http://s3.amazonaws.com/meagain/images/templates/letterhead/corner_tl.gif" style="display:inline; padding: 0px; margin:0px" width="10px" height="10px"></td>
    <td width="531" height="10" style="height:10px !important; background-color:#FFFFFF;">
        <img src="http://s3.amazonaws.com/meagain/images/templates/letterhead/spacer.gif" style="display:inline; padding: 0px; margin:0px" width="10px" height="10px"></td>
    <td width="9" height="10" style="height:10px !important">
        <img src="http://s3.amazonaws.com/meagain/images/templates/letterhead/corner_tr.gif" style="display:inline; padding: 0px; margin:0px" width="9px" height="10px"></td>
    </tr>
</table>

私はすべてを試してきたので、冗長な属性がたくさんあることをお詫びします。基本的に、私はテーブルを正確に10pxの高さにしようとしています。ただし、何があっても、GMailの高さは16ピクセルになります。開発者ツールを使用して3つの画像すべてをソースコードから直接削除すると、テーブルは10pxに折りたたまれます。また、3つの画像のうち2つを削除しても、16pxのままです。画像が含まれている場合、または画像の周囲に3pxのパディングがある場合、TDは16pxでなければならないのとほぼ同じです。

誰かがこのようなことを経験したことがありますか？もしそうなら、何かアイデアはありますか？私はアイデアと正気を使い果たしています。

4

5 に答える 5

10

ハービーが言ったように、TDにラインの高さを設定してください。

また、Gmailがセル内のスペース文字に基づいてTDの最小の高さを設定している可能性があるため、フォントサイズが設定されていることを確認してください。一般に、テキストがないセルに1pxのフォントサイズを設定することをお勧めします。

これはHTMLメールの作成用のようですよね？他の問題についてはこれを見てください-ヒントについてはhttp://www.emailology.org/#1とhttp://www.campaignmonitor.com/resources/を何度も助けてくれました。

于 2012-02-12T09:35:01.220 に答える
4

まだコメントできないので、回答として投稿します...

16pxは、行の高さの値のように聞こえます。各TDの行の高さを10pxに設定したり、各IMGをインラインからインラインブロックに変更したりしましたか？

于 2012-02-12T06:55:19.613 に答える
3

私はあなたの解決策を見つけようとしていました。

これは文字通りの解決策です。これをTDタグに入れてください。

style="line-height:0"
于 2012-08-15T20:18:11.807 に答える
2

<img>タグに次のように入力できます。

 style="display:block;"

...または高さを。にすることができますmax-height。それはあなたの問題を解決するはずです。

于 2012-11-30T03:10:21.823 に答える
0

HTMLでは-<img>タグはブロックタグではないため、次のcssを使用してブロックタグのように機能させる必要があります

style="display:block;"

このcssを使用すると、指定した高さがHTMLページで完全に機能します。

一度お試しください！

于 2015-11-24T06:19:04.150 に答える