Почему текст расширяет ячейку, когда я получаю тест в Outlook? - PullRequest
0 голосов
/ 30 мая 2019

the text was supposed to break naturally into to 2 lines because the width of the table is 150px У меня есть дизайн электронной почты, в котором строка текста игнорирует ширину таблицы. Это происходит в тесте, который я получаю в 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">&nbsp;</td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
  </tbody>
</table>

Большое спасибо!

Редактировать: Позже я взял строку, содержащую div, и поднял его на один уровень, исключив промежуточную таблицу, и это решило проблему. Интересно, какой кусок кода в средней таблице был причиной проблемы.

Спасибо

...