У меня есть дизайн электронной почты, в котором строка текста игнорирует ширину таблицы. Это происходит в тесте, который я получаю в Outlook.
Я пытался применить ширину к различным уровням кода, но пока работал только один вид, когда я устанавливал ширину div, но текст обрезался.
Вы видите какие-либо ошибки в этом коде?
Я использую шаблоны Marketo 2.0 и строю поверх них.
<table class="table1-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="150">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; width: 100%;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="primary-font name" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family:'Fira Sans', Arial, sans-serif;font-weight: 400;font-size: 14px;line-height:20px; border-collapse: collapse;color:#212836; text-align:center;background-color:#f8f8f8;padding:10px"
bgcolor="#f8f8f8">
<div class="mktoText" id="articleName2d60440b0-6f64-42a5-ae57-e370b0661ae5" mktoname="Article 2">
<a style="color:#212836;text-decoration:underline;">Where Cruise Travel Is Headed Next</a>
</div>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;line-height:10px;font-size:10px;"
height="10px"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
Большое спасибо!
Редактировать: Позже я взял строку, содержащую div, и поднял его на один уровень, исключив промежуточную таблицу, и это решило проблему. Интересно, какой кусок кода в средней таблице был причиной проблемы.
Спасибо