在HTML电子邮件中匹配TD高度

我目前正在建立一个HTML电子邮件，我有真正的问题，使两个TD的所有电子邮件客户端的高度相同

这是一封响应电子邮件，因此我将列分为两个表，而不是将它们全部嵌套在同一个表下，这样它们就可以在手机上相互捕捉

我试着在TD和表格中说明高度，但都没有成功，最后我甚至给出了一个最小高度

我应该说，它在所有基于网络的浏览器上都能正常工作（雅虎除外）。我最大的问题是Outlook2007&2010，这是客户端实际测试电子邮件时遇到的麻烦

以下是一个示例：

<!-- square panels wrapper -->
<table width="600" border="0" cellpadding="0" cellspacing="0" class="square_panel_wrapper"><tr><td>

    <!-- square panels container -->
    <table width="600" border="0" cellpadding="0" cellspacing="0" class="square_panel_container"><tr><td>

        <!-- left table -->
        <table width="290" height="640" border="0" cellpadding="10" cellspacing="0" align="left" class="square_panel_left" style="border: 1px solid #c8c9cb; height: 640px; min-height: 640px;">
          <tr>
            <td valign="top" align="left" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #414042; line-height:1.5em; text-align: left; vertical-align: top;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae commodo leo</td>
          </tr>
          <tr>
            <td valign="top" align="left" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #414042; line-height:1.5em; text-align: left; vertical-align: top;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae commodo leo</td>
          </tr>
        </table>

        <!-- right table -->
        <table align="right" width="290" height="640" border="0" cellpadding="10" cellspacing="0" class="square_panel_right" style="border: 1px solid #c8c9cb; height: 640px; min-height: 640px;">
            <tr>
              <td valign="top" align="left" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #414042; line-height:1.5em; margin-top: 0px;  text-align: left; vertical-align: top;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae commodo leo. Aenean molestie tristique erat a consequat. Vestibulum nec nunc vel velit ornare fermentum in eget ipsum. Mauris venenatis volutpat malesuada. Curabitur fringilla libero at turpis tempor egestas quis rhoncus quam.  
            </td>
          </tr>
          <tr>
            <td valign="top" align="left" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #414042; line-height:1.5em; text-align: left; vertical-align: top;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae commodo leo</td>
          </tr>
        </table>

    </td></tr></table>

</td></tr></table>

Lorem ipsum dolor sit amet，是一位杰出的献身者。埃尼安康莫多利奥酒店
Lorem ipsum dolor sit amet，是一位杰出的献身者。埃尼安康莫多利奥酒店
Lorem ipsum dolor sit amet，是一位杰出的献身者。埃尼安·维塔·康莫多·利奥。这是一种化学物质。前庭nec nunc vel velit ornare酵母菌。Mauris venenatis和Pat malesuada。turpis Tempora egestas quis rhoncus quam的自由女神。
Lorem ipsum dolor sit amet，是一位杰出的献身者。埃尼安康莫多利奥酒店

如果

的高度始终固定，您可以尝试在

中插入

，此透明图像将不可见且具有固定高度，因此您的

将具有与图像相同的最小高度。

是的，如果您可以强制使用td的最小高度属性-将不可见图像放入td，或者把你的td包装成div。 第一种情况的示例：

<td><img style="float:left;min-height:50px;visibility:hidden;width:0px;">12345</td>

12345