如何在 outlook 中为电子邮件模板添加宽度 css 到 table 列 (html table)？

Question

我想增加列 (HTML table) 的宽度，以便为 Outlook 开发电子邮件模板。但是当我添加属性时，它不会反映在电子邮件中。我试过做下面的事情。

<table
  cellspacing="0"
  cellpadding="0"
  style="table-layout: fixed; border-collapse: collapse; width: 100%"
>
  <tbody>
    <tr style="background-color: #1890ff">
      {% for item in first_table_column_names %}
      <td
        width="30%"
        style="border: 1px solid #000000; color: #ffffff; padding: 5px"
      >
        {{item.name}}
      </td>
      {% endfor %}
    </tr>
  </tbody>
</table>

我也做过

<table border="0" cellpadding="0" cellspacing="0" width="580" style="background-color: #0290ba;">

这个东西在 PC 的 Outlook 应用程序中不起作用，table 会失真。任何形式的帮助将不胜感激。

Answer 1

请通过嵌套表格尝试 html 邮件程序。

请找到以下代码。这可能对你有帮助。

<table cellspacing="0" cellpadding="0" style="table-layout: fixed; border-collapse: collapse; width: 100%">
  <tbody>
    <tr style="background-color: #1890ff">
      {% for item in first_table_column_names %}
      <td width="100%" style="border: 1px solid #000000; color: #ffffff; padding: 5px">
        <table cellspacing="0"cellpadding="0">
          <tr>
            <td style="width:30%;background-color:red;">
              {{item.name}}
            </td>
          </tr>
          
        </table>
      </td>
      {% endfor %}
    </tr>
  </tbody>
</table>

如何在 outlook 中为电子邮件模板添加宽度 css 到 table 列 (html table)？

how to add a width css to table column (html table) for email template in outlook?

html

css

outlook

email-templates