0

レスポンシブにするために 1 つのセルの左に 2 つのテーブルが配置されている電子メール テンプレートで問題が発生していますが、レスポンシブにすることはここでは問題ではありません。

Outlook 2010 で開くと、右側の列が下に落ちて、右側の列にぶら下がっています。左の列のコンテンツが長い場合にのみ発生することに気付きました。

HTML コードは次のとおりです: 左の長い列: http://jsbin.com/aRUGOXu/1/edit?html,output 左の短い列: http://jsbin.com/iGaFabo/1/edit?html,output

Email on Acid の記事の 1 つを読んで適用しましたが、まだうまくいきません。http://www.emailonacid.com/blog/details/C13/removing_unwanted_spacing_or_gaps_between_tables_in_outlook_2007_2010して適用しましたが、同じ問題に遭遇しました。

これが私が行った例です: http://jsbin.com/eTAdOMe/1/edit?html,output

4

1 に答える 1

1

これは、Outlook の改ページの問題として知られています。素晴らしい MS ワード レンダリングの癖の 1 つ。この問題を回避するには、長い列を短くする必要があります。ここにいくつかの参照があります：

http://www.emailonacid.com/blog/details/C13/horizo​​ntal_spacing_issues_in_outlook_2007_and_2010

Mailchimpは原因を説明するのにも優れています(ただし、それは彼らの文脈にあります)。

この記事では を使用することを提案して<tr style="page-break-before: always">いますが、私自身はその手法を試したことはありません。

于 2013-11-01T13:38:37.957 に答える