html - 当我在 Outlook 中进行测试时，为什么文本会扩大单元格？

Question

我有一个电子邮件设计，其中一行文本忽略了表格宽度。这发生在我在 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 的行提升了一层，消除了中间表，从而解决了问题。我想知道中间表中的哪段代码是问题的根源。

谢谢

标签： htmlemailoutlookline-breaksmarketo