☰

Outlook 在新电子邮件编辑器和收到的项目之间的格式不同

tag-icon • tag-icon email microsoft-outlook-2016 text-formatting styles
Outlook 在新电子邮件编辑器和收到的项目之间的格式不同

我创建了一种样式，以便于轻松格式化电子邮件中的代码片段。当我应用该样式时，它在新电子邮件窗口中显示如下：

前

但是，收到电子邮件时，它会在边框和阴影之间添加一些奇怪的空白填充：

后

有没有办法从 Outlook 内部修复此问题？

编辑：按照评论中的要求添加电子邮件的 HTML 源代码：

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
    <head>
        <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
        <meta name=Generator content="Microsoft Word 15 (filtered medium)">
        <style>
            <!--
            /* Font Definitions */
            @font-face
                {font-family:Calibri;
                panose-1:2 15 5 2 2 2 4 3 2 4;}
            @font-face
                {font-family:Consolas;
                panose-1:2 11 6 9 2 2 4 3 2 4;}
            /* Style Definitions */
            p.MsoNormal, li.MsoNormal, div.MsoNormal
                {margin:0in;
                margin-bottom:.0001pt;
                font-size:11.0pt;
                font-family:"Calibri",sans-serif;}
            a:link, span.MsoHyperlink
                {mso-style-priority:99;
                color:#0563C1;
                text-decoration:underline;}
            a:visited, span.MsoHyperlinkFollowed
                {mso-style-priority:99;
                color:#954F72;
                text-decoration:underline;}
            p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
                {mso-style-priority:34;
                margin-top:0in;
                margin-right:0in;
                margin-bottom:0in;
                margin-left:.5in;
                margin-bottom:.0001pt;
                font-size:11.0pt;
                font-family:"Calibri",sans-serif;}
            p.Code, li.Code, div.Code
                {mso-style-name:Code;
                mso-style-link:"Code Char";
                margin-top:12.0pt;
                margin-right:0in;
                margin-bottom:12.0pt;
                margin-left:.2in;
                background:#EFF0F1;
                border:none;
                padding:0in;
                font-size:10.0pt;
                font-family:Consolas;
                color:#242729;}
            span.CodeChar
                {mso-style-name:"Code Char";
                mso-style-link:Code;
                font-family:Consolas;
                color:#242729;
                background:#EFF0F1;}
            span.EmailStyle20
                {mso-style-type:personal-compose;
                font-family:"Calibri",sans-serif;
                color:windowtext;}
            .MsoChpDefault
                {mso-style-type:export-only;
                font-size:10.0pt;
                font-family:"Calibri",sans-serif;}
            @page WordSection1
                {size:8.5in 11.0in;
                margin:1.0in 1.0in 1.0in 1.0in;}
            div.WordSection1
                {page:WordSection1;}
            -->
        </style>
    </head>
    <body lang=EN-US link="#0563C1" vlink="#954F72">
        <div class=WordSection1>
            <p class=MsoNormal>Good morning,<o:p/>
            </p>
            <p class=MsoNormal>
                <o:p>&nbsp;</o:p>
            </p>
            <p class=MsoNormal>Test text.<o:p/>
            </p>
            <div style='mso-element:para-border-div;border:solid #AEAAAA 1.0pt;padding:1.0pt 4.0pt 1.0pt 4.0pt;background:#EFF0F1;margin-left:.2in;margin-right:0in'>
                <p class=Code style='margin-left:0in;background:#EFF0F1'>var test = new Test();<o:p/>
                </p>
            </div>
            <p class=MsoNormal>More text.<o:p/>
            </p>
        </div>
    </body>
</html>

答案1

下面的代码在应该使用“的地方使用了'。Outlook 可以理解'，但是它不符合 html 标准。

        <div style='mso-element:para-border-div;border:solid #AEAAAA 1.0pt;padding:1.0pt 4.0pt 1.0pt 4.0pt;background:#EFF0F1;margin-left:.2in;margin-right:0in'>
            <p class=Code style='margin-left:0in;background:#EFF0F1'>var test = new Test();<o:p/>
            </p>
        </div>

将其更改为<div style=" .... "就<p class=Code style=" ... "应该可以解决问题。

相关内容