Я создал стиль, чтобы упростить форматирование фрагментов кода в электронных письмах. Когда я применяю стиль, это выглядит так в новом окне электронной почты:

до

Однако, когда электронное письмо получено, оно добавляет некоторые странные отступы между границей и штриховкой:

после

Есть ли способ исправить это из 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 ответ1

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=" ... " должно решить эту проблему.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .