Outlook 2013 HTML表示の問題

メールの本文にテキストコンテンツを表示するこの少し面倒な問題があります。フォームページから、HTML5形式のメールを送信します。これは私がメールで送られたものを（）PHP関数です：Outlook 2013 HTML表示の問題

<html> 
    <head> 
    <style type='text/css'> 
    body{ 
     font-family:'Lucida Grande', Arial; 
     color:#333; 
     font-size:15px; 
    } 
    .div1{ display:inline; } 
    .row {margin-bottom:5px} 
    .background {background-color:#ffe508; padding:5px; font-size:18px} 
</style> 
</head> 
    <body> 
    <div> 
<div class="row"> 
    <div class="div1"><strong>Company:</strong></div><div class="div1">&nbsp; 
    $company</div></div> 
    </div> 
    </body> 
    </html>

これは、私は、Outlook 2013に表示するものである：

会社：

COMPANY_NAME

私ので、それは間違っていますWLMでうまく表示されるので、このフィールドを1行に表示する必要があります

会社： company_name

また、html5の代わりにテーブルを使用しようとしましたが、何も変わりません。ありがとう

出典

2017-12-12 Ogum

残念ながら、Outlook（およびその他の電子メールクライアントは公平であることが知られています）は、非標準に準拠しているため、HTML表示になります。試行錯誤はあなたの最善のアプローチになると思います。おそらく、divやインラインスタイルの代わりにスパンを試してみてください。 – ADyson

私はsimples floatを試してみました：leftとdisplay：inline-block; 2つのdivを水平に並べる方法はないようです。これはライブメールでのみ機能します。 – Ogum

あなたはそのうちの2つを浮かべましたか？私が提案したようにスパンはどうですか？いずれにせよ、デフォルトではインラインになっています。 – ADyson

divを必要としない場合は、単純に削除してください。彼らは何もしていないようです。ラインだけで次のようになります。

<strong>Company:</strong>&nbsp;$company

は、このレイアウトのこの部分に干渉する可能性が何もないことを意味します。

出典

2017-12-12 16:56:18 ADyson

Outlookでfloat、width、およびpositionのようなCSS要素が<div>のdoeで動作しません。

Div styles not working in Outlook Emails

@ADysonは正しいです。あなたはあなたの例でそれらを必要としません。

さらに、marginは機能しません。 Margin（大文字のM）は機能しません。私はそれがマージンの正しい使用ではないことを理解していますが、それがOutlookで使用される方法です。電子メールの開発はWeb開発ではないことを覚えておくことが重要です。

https://litmus.com/help/email-clients/outlookcom-margins/

幸運。

出典

2017-12-12 18:51:50 gwally

Outlook 2013 HTML表示の問題

答えて

関連する問題