如何在Outlook中的图像旁边垂直对齐文本

Question

我发现有多个帖子用于对齐图像旁边的文本，它可以工作，但同时不起作用。 gmail呈现html代码时，它将完美呈现。 当Outlook呈现html代码时，垂直对齐方式将关闭。

我可以得到一些关于如何使文本和图像在gmail和Outlook中垂直对齐的建议。

<td>
    <div>
        <img src="..." style="height:24px; width:33px; vertical-align:middle;" />

        <span>Test</span>
    </div>
    <div>
        <img src="..." style="height:24px; width:33px; vertical-align:middle;" />

        <span>Test</span>
    </div>
</td>

Answer 1

电子邮件客户端兼容性类似于类固醇导致的横冲直撞的跨浏览器兼容性。 我建议带一张桌子去老派，以达到您想要的效果。 过时的HTML做法在电子邮件客户端中通常会很好。

 <table> <tbody> <tr> <td> <img src="http://via.placeholder.com/150" /> </td> <td>Hello world!</td> </tr> </tbody> </table>