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

您是否尝试过添加垂直对齐：顶部；到 td 中的样式属性而不是使用属性 valign？

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