3

この問題に対する多くの回答を読んだ後、どれも問題を解決していないようです。VerticalResponse 経由でメールを送信しようとしていますが、html を使用しています。メッセージは複数の画像を重ねて作成され、それぞれにリンクがありますが、1 つの画像のように見えるはずです。問題は、プレビューの見栄えがよく、Web ページでの表示も見栄えがよいことですが、電子メールの表示では各画像の間に空白が表示されることです。コードについては、 http://jsfiddle.net/xMW7N/42/を参照してください。助けてください!

<body>
    <div style="text-align: center; ">
        <span style="font-size:8pt;"><a href="website"><img align="normal" alt="Facebook - MetricRunFest" border="0" height="126" hspace="-20" name="FB" src="https://141790a61d-custmedia.vresp.com//a091cd9b91/Top.jpg?0.7593426643870771" style="width: 600px; height: 126px;" title="Facebook - MetricRunFest" vspace="0" width="600" /></a></span><br />
        <span style="font-size:8pt;"><a href=website"><img align="normal" alt="Metric Runners - Online Photos" border="0" height="205" hspace="-2" name="MetricRunFest - Online Photos" src="https://141790a61d-custmedia.vresp.com//a091cd9b91/Message%20Blank.jpg?0.8384064519777894" style="width: 600px; height: 205px;" title="Metric Runners - Online Photos" vspace="0" width="600" /><br />
        <img align="normal" alt="website" border="0" height="127" hspace="-2" src="https://141790a61d-custmedia.vresp.com//a091cd9b91/Message%20Blank_UpsideDown%209.jpg?0.44395816628821194" style="width: 600px; height: 127px;" title="website" vspace="0" width="600" /></a></span><br />
4

3 に答える 3

1

ブラウザが異なれば、空白の扱いも異なります。不要なスペースや改行を入れずに、可能であればすべてを 1 行で記述することをお勧めします。次のように試すことができます。

  <span><img src="image1.jpg"></span><span><img src="image2.jpg"></span><span><img src="image3.jpg"></span>
于 2012-11-20T20:39:45.097 に答える
1

問題の一部であるすべての画像の間に区切りのスペースがあります。また、画像にdisplay: blockスタイルを与えてみてください。

http://jsfiddle.net/xMW7N/47/

于 2012-11-20T20:53:43.883 に答える
0

私がhtmlメールで見たものはすべて、そして私が自分でそれらを行った経験から、残念ながら、最良の選択肢はテーブルを使用することです。それは本当にすべてのレイアウトの問題に役立ちます。

画像のセクション全体を含む多くのヒントについては、 http: //24ways.org/2009/rock-solid-html-emailsを読むことをお勧めします。特に、フロートの代わりにimg {display:block;}Hotmailalignなどに使用します。<img src="image.jpg" align="right">

あなたが必ずしもそれらの部分を間違ってしているというわけではありませんが、それらは一般的に覚えておくのは良いことです。

于 2012-11-20T20:49:42.363 に答える