Outlook 2007和2010表格单元格格式因内容过长而丢失

设置：

 <table width="600" >
    <tr>
        <td width="400" rowspan="2" valign="top">
            With very long content here*
        </td>
        <td width="200" valign="top">
            Top-aligned content
        </td>
    </tr>
    <tr>
      <td valign="bottom">
          *Bottom-aligned content loses vertical alignment
             and appears as if valign="middle"              
       </td>
    </tr>
 </table>

这里有很长的内容*
顶部对齐的内容
*底部对齐的内容失去垂直对齐
并显示为valign=“middle”

示例代码在JSFIDLE中，因为它太长（触发错误需要大量内容）

因此，请看这些：

以电子邮件形式发送看起来还可以

作为电子邮件发送：底部对齐的内容不再是底部对齐的

---

对此有什么想法和经验吗？

尝试添加

垂直对齐：底部以及

  <td valign="bottom" style='vertical-align:bottom;' >
      *Bottom-aligned content loses vertical alignment
         and appears as if valign="middle"              
   </td>


*底部对齐的内容失去垂直对齐
并显示为valign=“middle”

试试小提琴。我从td中删除了
rowspan=2
，始终使用cellpadding来代替它。
添加表格布局：固定到表格的css，看看这是否有帮助。Coder1984在td中添加“style=”标记是正确的，因为有些电子邮件客户端使用它做得更好

无论如何，很难预测html电子邮件在各种客户端中的呈现方式。我过去经常检查各种客户端中的渲染，从网络邮件到电子邮件客户端再到手机……
Outlook对超过一定大小的块的内容有问题（如果我没记错的话，是2300px）。右行第三个单元格可以避免此问题：

 <table width="600" >
    <tr>
        <td width="400" rowspan="3" valign="top">
            With very long content here*
        </td>
        <!-- Add minimal heights to force the middle row to take the space -->
        <td width="200" valign="top" height="1">
            Top-aligned content
        </td>
    </tr>
    <tr><td style="page-break:always"><!-- Let's make a page break *here* --></td></tr>
    <tr>
      <td valign="bottom" height="1">
          *Bottom-aligned content loses vertical alignment
             and appears as if valign="middle"              
       </td>
    </tr>
 </table>


这里有很长的内容*
顶部对齐的内容
*底部对齐的内容失去垂直对齐
并显示为valign=“middle”