mailchimp/电子邮件客户端的图像对齐问题答案

【问题标题】：image alignment issues with mailchimp/email clientsmailchimp/电子邮件客户端的图像对齐问题
【发布时间】：2014-12-01 14:54:20
【问题描述】：

使用 Mailchimp，我正在尝试在我的模板中添加一个标题 + 一个小图标。布局应该是这样的：

此处的标题文本 - 此处的小图标

小图标应与标题文本水平对齐。如果我只是将图像拖放到其中，那将无法使图像底部对齐。

我尝试将该部分添加为代码块，如下所示：

<div class="mcnTextContent">
<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top" style="color:#606060; font-size:15px; line-height:100%; padding-top:10px; padding-right;0px; padding-bottom:0px; padding-left:17px;"><strong>MY HEADER HERE</strong></td>
    <td style="padding-top:0px; padding-right:0px; padding-bottom:0px;">
      <img src="myimagehere.jpg" class="captionImage mcnImage" style="display:block; max-width:30px;"/>
    </td>
  </tr>
</table>
</div>

在 mailchimp 中，它看起来是正确的。

但是，在 gmail 中，文本的对齐方式是错误的（填充似乎被忽略了）。在 Outlook 中，内边距是可以的，但忽略了图像大小格式，文本样式也是如此。

关于如何解决或解决此问题的任何想法？谢谢。

【问题讨论】：

标签： html mailchimp

【解决方案1】：

您可以考虑将您想要的“标题”制作成图像（例如使用 PhotoShop）来精确控制您想要的内容！

【讨论】：