Question

我正在制作一个电子邮件模板，并插入一个带有forloop的python列表，我遇到的问题是，因为我已经设计了一个模板，我不能正确的数组与左数组和右数组完美对齐被推倒了。

我需要修复数组，但不知道怎么做，因为如果我改变模板设计就会开始影响电子邮件。

<tr>
          <td bgcolor="#FFFFFF" align="center" valign="top" style=
          "padding: 10px;">
            <table role="presentation" cellspacing="0" cellpadding=
            "0" border="0" width="100%">
              <tr>
                <!-- Column : BEGIN -->
                <td width="50%" class="stack-column-center" align=
                "center">
                  <table role="presentation section" class=
                  "presentation-section" cellspacing="0"
                  cellpadding="0" border="0">
                    <tr>
                      <th style="text-align: center">
                        <h3 style=
                        " font-size:14px; font-weight:800; margin:0 0 10px; font-family:Helvetica;">
                        Tele companies
                        </h3>
                      </th>
                    </tr>
                      {% for comp, values in vis_domain.companies %}
                    <tr>
                      <td style="text-align: center">
                        <p style=
                        "margin:5px 0; font-size:14px; font-family:Helvetica;">
                        <span style="font-size:13px ;color:gray; ">{{ values.0 }}</span> {{ comp }}
                        </p>
                      </td>
                    </tr>
                      {% endfor %}

                  </table>
                </td><!-- Column : END -->
                <!-- Column : BEGIN -->
                <td width="50%" class="stack-column-center" align=
                "center">
                  <table role="presentation" class=
                  "presentation-section" cellspacing="0"
                  cellpadding="0" border="0">
                    <tr>
                      <th style="text-align: center">
                        <h3 style=
                        " font-size:14px; font-weight:800; margin:0 0 10px; font-family:Helvetica;">
                        Tags used in chats
                        </h3>
                      </th>
                    </tr>
                      {% for tags in vis_domain.tags %}
                    <tr>
                      <td style="text-align: center">
                        <p style="margin:5px 0; font-size:14px;font-family:Helvetica;">
                        <span style="font-size:13px ;color:gray;">{{ tags.tag_count }}</span> {{ tags.name }}
                        </p>
                      </td>
                    </tr>
                      {% endfor %}

                  </table>
                </td><!-- Column : END -->
              </tr>
            </table>
          </td>
        </tr><!-- 2 Even Columns : END -->

Answer 1

您需要向td添加样式并指定垂直对齐方式。尝试在2 td次评论后编辑第一个，如下所示：

<td width="50%" class="stack-column-center" align="center" style="vertical-align: top;">

html电子邮件模板推送数组

1 个答案: