表格行与图像 HTML 之间的行答案

【问题标题】：Line between table row with image HTML表格行与图像 HTML 之间的行
【发布时间】：2021-09-14 20:28:15
【问题描述】：

它似乎在 Outlook 和 iCloud 中运行良好，但在 yahoo 和 Gmail 中都显示了这条线。这似乎是一个常见问题，但我找到的所有答案都不适用于我。这是我第一次使用 HTML 电子邮件。

<body>
  <center>
    <table cellspacing="0" cellpadding="0" width="100%" style="border-collapse:collapse;border-style:none;margin:auto;max-width:640px;">
      <tbody>
        <tr>
          <td valign="top" width="100%">
            <table cellspacing="0" cellpadding="0" width="100%" style="border-spacing:0;border-collapse:collapse;border-style:none;margin:auto;max-width:640px;font-size:0em;">
              <tbody>
                <tr>

                </tr>
                <tr>
                  <td valign="top" colspan="2" style="font-size: 0px;">
                    <div>
                      <img src="https://tmmcscdn.azureedge.net/RdXp8J5xGyF483sTwWagA/Banner.jpg" style="margin: 0; border: 0; padding: 0; display: block;" height="150" width="640">
                    </div>
                  </td>
                </tr>
                <tr>
                  <td valign="top" width="420" style="font-size: 0px;">
                    <span>
                                            &nbsp;
                                        </span>
                  </td>
                  <td valign="top" width="220" style="font-size: 0px;">
                    <div>
                      <img src="https://tmmcscdn.azureedge.net/RdXp8J5xGyF483sTwWagA/ProfLiability_NSO.png" width="220" height="32" style="margin: 0; border: 0; padding: 0; display: block;">
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>
      </tbody>
    </table>
  </center>
</body>

【问题讨论】：

我将您的代码块转换为 sn-p，它不会重现问题。所以它只会在 yahoo 和 gmail 中重现问题？
<center> 标签已过时
是的，仅在这 2 个中，到目前为止所有其他似乎都不错。
@MisterJojo OP 将其用于电子邮件（由于某种原因）仍然存在
中心标签仍在工作。我确实尝试将其删除，但没有任何改变。

标签： html css html-email

【解决方案1】：

<div> 可能有干扰。没有必要。此外，如果您想要零间距，请使用 line-height 和 font-size。

即：

<tr>
  <td valign="top" width="420" style="font-size: 0px;line-height:0;"></td>
  <td valign="top" width="220" style="font-size: 0px;line-height:0;"><img src="https://tmmcscdn.azureedge.net/RdXp8J5xGyF483sTwWagA/ProfLiability_NSO.png" width="220" height="32" style="margin: 0; border: 0; padding: 0; display: block;"></td>
</tr>

【讨论】：