html - Outlook 中间对齐文本不应该

Question

我有以下代码(用于事件监控):

左图:

<table cellspacing="0" border="0" cellpadding="0" valign="top">
    <tr>
        <td class="content" valign="top" height="200"
            style="padding: 0 20px 20px 20px; color: #333; font-size: 14px; line-height: 20px; font-family: Helvetica, Arial, sans-serif"
            width="600">
            <img src="./images/logo.gif" alt=""
                 width="260" align="left"
                 editable="true" hspace="10"
                 label="Image"/>
            <multiline label="Description">Enter your
                description here.
            </multiline>
            <span class="button">
                <singleline label="Link">Link</singleline>
            </span>
        </td>
    </tr>
</table>

右图:

<table cellspacing="0" border="0" cellpadding="0" valign="top">
    <tr>
        <td class="content" valign="top" height="200"
            style="padding: 0 20px 20px 20px; color: #333; font-size: 14px; line-height: 20px; font-family: Helvetica, Arial, sans-serif"
            width="600">
            <img src="./images/logo.gif" alt=""
                 width="260" align="right"
                 editable="true" hspace="10"
                 label="Image"/>
            <multiline label="Description">Enter your
                description here.
            </multiline>
            <span class="button">
                <singleline label="Link">Link</singleline>
            </span>
        </td>
    </tr>
</table>

在 Outlook 上，图像旁边的文本在图像应该顶部对齐时居中对齐。

所有其他客户端似乎都很好。

Answer 1

您是否尝试过添加 vertical-align: top;到 td 中的样式属性而不是使用属性 valign？

也可能将高度移动到样式属性中。