14

私のコードは

http://jsfiddle.net/user1212/G86KE/4/

問題はGmailで、同じセル内の2つのテーブルの間に余分な空白が残ることです。私が試してみましたdisplay:block; margin:0; padding:0; line-height:0;

しかし、消えていないようです。

ここに画像の説明を入力してください

これに対する修正はありますか？

4

9 に答える 9

14

image タグで style="display:block" を使用するとうまくいくはずです。また、それを使用している場合は、スペーサー イメージに追加することを忘れないでください。

于 2013-08-07T21:20:04.117 に答える
5

HTML メールのスタイリングはひどいものです。

いくつかのヒント:

border-spacing:0; /*this should fix the spacing problem*/

使用しているすべてのテーブルにこれを適用する必要があるため、次<style>のように上部のブロックに含める必要があります。

<head>
  <style>
    table {border-spacing: 0;}
  </style>
</head>

(形式が悪くて申し訳ありません。どういうわけか、コードが複数の行で正しく表示されませんでした)

于 2012-07-27T16:52:41.603 に答える
2

に追加style="line-height:50%"するだけ<table>です。メーラーにテキストがある場合、これがテキスト行の高さに影響することに気付くでしょう。これを修正するstyle="line-height:100%"には、<td>with テキストに次を追加する必要があります。

于 2015-12-08T08:39:35.083 に答える
2

したがって、これは少しワイルドに見えるかもしれませんが、まったく同じ問題があり、コードの brs であることが判明しました。はい、tds をネストして HTML をフォーマットしたため、gmail が br タグを含む新しい tds を追加しました。

メールのヘッダーとフッターのコードをメールに追加する前にテキストに変換していることに気付くのに時間がかかりました。

同様のアプローチを使用している場合は、HTML を「縮小」することをお勧めします。

それ以外の：

<table>
    <tr>
        <td>
            Content
        </td>
    </tr>
</table>

試す：

<table><tr><td>Content</td></tr></table>

恐ろしいことに思えるかもしれません。

于 2017-03-20T18:38:55.380 に答える
1

display:block本文とフッターの間のギャップの問題にはうまく機能しましたが、ヘッダーには何もしませんでした。他の修正も行いませんでした。私はこれが古いスレッドであることを知っていますが、誰かがそれに出くわし、上記が役に立たなかった場合に備えて、これは私のためにそれをしました:

ヘッダー テーブルを含むタグに追加style="line-height:1px; font-size:0.0em;"します。<td>

適切なタグを見つけるには、いくつかの異なるタグを試す必要があるかもしれませんが、それは別の解決策です。

于 2013-10-17T19:06:52.027 に答える
0

あなたに追加するだけでなくdisplay:block、あなたにimgも追加cellpadding="0" cellspacing="0" border="0"しますtable（重要：これをあなたのラッピングにも適用することを忘れないでくださいtable）

乾杯

于 2016-07-28T12:19:11.423 に答える
0

さて、ヘッダーと本文のコンテンツが実際には別のセル内のテーブルであることに気付きました。ヘッダーとボディを分離して、分離された行に移動してみませんか?

このようなもの：

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td>
       <!-- Header table -->
    </td>
  </tr>

  <tr>
    <td>
       <!-- Body table -->
    </td>
  </tr>
</table>

また、ヒントとして、<center>タグを中央に配置しないでください。表のセル内にいる場合は、align="center". これもテーブル全体に適用されるため、テーブルを中央に配置するには、alignプロパティを に設定するだけcenterです。

于 2012-08-01T07:00:15.653 に答える
-2

単純に追加

table{ 
font-size:0em;
border-collapse: collapse;
}

それはあなたの問題を解決します

于 2014-03-25T11:59:07.233 に答える