Блог

Для моего проекта в SFMC мне нужно исправить проблемы с электронными письмами, особенно для Outlook heavy client. HTML создается вызовом API для персонализации и довольно сложен.

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

Как вы можете видеть ниже, я попытался исправить с помощью table-layout: fixed; и использовать только word-break: break-all; на , как было предложено в сообщении, которое я видел здесь.

Это не сработает, и эта проблема вызывает множество других проблем.

Вот код :

 <tr>
<td align='center' valign='top' style='word-break: break-all;'>
<table align='center' cellpadding='0' cellspacing='0' border='0' width='520' class='w285' style='font-family:Verdana, Geneva, sans-serif; word-break: break-all; table-layout:fixed;'><tr><td align='left' valign='top' style='line-height:16px; word-break: break-all;' class='copy8'>
<font face='Helvetica, Helvetica Neue, Arial, sans-serif' size='2' color='#000000' class='copy8' style='font-family:Helvetica, Helvetica Neue, Arial, sans-serif; color:#000000; font-size:10px; letter-spacing:0.5px; text-align:left; line-height:16px;text-transform: uppercase; word-break: break-all;'>
                  @var
</font>
</td>
</tr>
</table>
</td>
</tr> ```
  

Я протестировал ваш код с приведенным ниже примером текста, и, похоже, он работает просто отлично. Вот ссылка на результаты тестирования в электронной почте на Acid: https://app.emailonacid.com/app/acidtest/a6dP3W4NJckLQwDWuAEUaM9cdBs0j3hXRAujJbzcNQinQ/list

Не могли бы вы предоставить более подробную информацию, например, о том, какую версию Outlook вы тестируете, и, в конечном итоге, скриншот и текстовый пример, вызывающий проблему?

 <table>
<tr>
<td align='center' valign='top' style='word-break: break-all;'>
<table align='center' cellpadding='0' cellspacing='0' border='0' width='520' class='w285' style='font-family:Verdana, Geneva, sans-serif; word-break: break-all; table-layout:fixed;'><tr><td align='left' valign='top' style='line-height:16px; word-break: break-all;' class='copy8'>
<font face='Helvetica, Helvetica Neue, Arial, sans-serif' size='2' color='#000000' class='copy8' style='font-family:Helvetica, Helvetica Neue, Arial, sans-serif; color:#000000; font-size:10px; letter-spacing:0.5px; text-align:left; line-height:16px;text-transform: uppercase; word-break: break-all;'>
Loremipsumdolorsitamet,consecteturadipisicingelit,seddoeiusmodtemporincididuntutlboreetdoloremagnaaliqua.Utenimadminimveniam,quisnostrudexercitationullamcolaborisnisiutaliquipexeacommodoconsequat.Duisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeufugiatnullapariatur.Excepteursintoccaecatcupidatatnonproiden,suntinculpaquiofficiadeseruntmollitanimidestlaborum.
</font>
</td>
</tr>
</table>
</td>
</tr>
</table>