Ширина разрыва длинного слова в электронной почте Outlook Heavy Client

Для моего проекта в SFMC мне нужно исправить проблемы с электронной почтой, особенно для тяжелого клиента Outlook. 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> ```

html css outlook html-email salesforce-marketing-cloud
person Nicolas IMBS    schedule 27.10.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я протестировал ваш код с приведенным ниже текстом примера, и, похоже, он работает нормально. Вот ссылка на результаты теста в Email on 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>
person HTeuMeuLeu    schedule 27.10.2020
comment
Я только что понял, что я неправильно протестировал электронную почту и что у меня была старая версия, я закрою этот тикет, спасибо, что искали его. - person Nicolas IMBS; 27.10.2020