tyukavin_denis
@tyukavin_denis
web developer

Почему обрезается текст в VML?

Здравствуйте!
Подскажите, по каким причинам текст обрезается в outlook и как можно решить эту проблему.
60a6cb61d7680084764509.png
Outlook 365, ноутбук HP, диагональ 15

60a6cb9de397d835647658.png
Outlook 2013, ноутбук Самсунг, диагональ 17
Код кнопки в письме:
<td align="center" style="padding:0;Margin:0">
                        <!--[if mso]>
                        <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="height:40px;v-text-anchor:middle;width:480px;" arcsize="15%" stroke="f" fillcolor="#8CBD57">
                            <w:anchorlock/>
                            <center style="color:#ffffff;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;font-weight:bold;">
                                ПОСМОТРЕТЬ КАТАЛОГ НОВИНОК ВЕСНА-ЛЕТО 2021
                            </center>
                        </v:roundrect>
                        <![endif]-->
                        <!--[if !mso]> <!-->
                        <span class="es-button-border" style="border-style:solid;border-color:#2CB543;background:#8CBD57;border-width:0px 0px 2px 0px;display:inline-block;border-radius:6px;width:auto;border-bottom-width:0px">
                          <a href="#" class="es-button es-button-1" target="_blank" style="mso-style-priority:100 !important;text-decoration:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;color:#FFFFFF;font-size:16px;border-style:solid;border-color:#8CBD57;border-width:10px 25px;display:inline-block;background:#8CBD57;border-radius:6px;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-weight:bold;font-style:normal;line-height:19px;width:auto;text-align:center">
                            ПОСМОТРЕТЬ КАТАЛОГ НОВИНОК ВЕСНА-ЛЕТО 2021
                          </a>
                        </span>
                        <!-- <![endif]-->
                      </td>


В хеде прописал:
<!--[if (gte mso 9)|(IE)]><xml>
    <o:OfficeDocumentSettings>
      <o:AllowPNG></o:AllowPNG>
      <o:PixelsPerInch>96</o:PixelsPerInch>
    </o:OfficeDocumentSettings>
  </xml><![endif]-->

Но это не помогает решить проблему. Источник решения.
  • Вопрос задан
  • 78 просмотров
Решения вопроса 1
tyukavin_denis
@tyukavin_denis Автор вопроса
web developer
Проблему удалось решить полностью. В VML нужно обернуть тег center в <v:textbox> (inset="0,0,0,0" обязательно).
<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="letter-spacing: 0em;height:30pt;v-text-anchor:middle;v-text-wrapping:false;width:355pt;" arcsize="15%" stroke="f" fillcolor="#8CBD57">
   <w:anchorlock/>
   <v:textbox inset="0,0,0,0">
      <center style="v-text-wrapping:false;color:#ffffff;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;font-weight:bold;line-height:19px;mso-line-height-rule:exactly;">ПОСМОТРЕТЬ КАТАЛОГ НОВИНОК ВЕСНА-ЛЕТО 2021</center>
   </v:textbox>
</v:roundrect><![endif]-->


Высоту и ширину v:roundrect задавайте в pt.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы