HTMLで単純な電子メールテンプレートを作成しようとしています。 FirefoxとIEではうまく見えますが、Outlook 2016では左の境界線がまっすぐではありません。Outlookで見たときに表の境界がまっすぐでない
私はborder-collapse: collapse;を私のテーブルに追加しました。そうしないと、Outlookではすべての行が欠落しています。
JSFiddle：事前にhttps://jsfiddle.net/0xkqxxdh/
感謝。
font-size：0px;は、テキストで満たされていないすべての要素に適用されます。
例：
<td align="center" bgcolor="#FFFFFF" style="padding: 20px 0 20px 0; border-bottom: 1px solid #cccccc;font-size: 0px;"><img alt="Logo" src="images/logo.png" style="display: block;font-size: 0px;"></td>
の追加マージン：0PX。およびパディング：0px;は、より厳密な電子メールレイアウトにも役立ちます。
また、本の中で最も古い電子メールの仕掛けを試してみることもできます。レイアウト全体を枠線を囲む表で囲み、枠線内の枠内の要素を取り除くことができます。次に、追加セクションごとにボーダートップを使用します。
私の推測では、/マージン/パディング調整は、彼らは、電子メールのテキストレスのセクションに適用されていないことを確認するために必要なフォントサイズ以外（「smexyを」音）、ということです、2pxボーダーは余分なピクセルを幅に強制します。
電子メールは友好的ではありません。 Lotus Notes 7で検証されることを望むクライアントは、さらに悪化します。 Litmusをまだ試していない場合は、クライアント間の互換性の詳細について深く深く掘り下げて過ごす時間があれば、無料試用版に進んでください。それは、マイアミビーチでトップハットと単眼鏡を着用している人と出会うようなものです。