如何在 Outlook 中的电子邮件模板的表列（html 表）中添加宽度 css？

发布于 2025-01-13 10:14:08 字数 758 浏览 0 评论 0原文

我想添加列（HTML 表）的宽度以开发 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 应用程序中不起作用，并且表格扭曲。任何形式的帮助将不胜感激。

原文

I want to add width to the column (HTML table) for developing a email template for Outlook. But when I add the property it does not reflect in the email. I have tried doing the below things.

<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>

I have also done

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

This thing does not work in Outlook Application in PC and the table gets distorted. Any kind of help would be appreciated.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

空‖城人不在 2025-01-20 10:14:08

请通过嵌套表格尝试 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>

Please try the html mailer by nesting tables.

Please find the the below code. This may help you.

<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>

回复收藏 0 原文

~没有更多了~