Question

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

HEADER TEXT HERE - 这里的小图标

小图标应与标题文本水平对齐。如果我只是将图像拖放到其中，那么它不起作用会使图像底部对齐。

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

<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中，填充是可以的，但是文本样式将忽略图像大小格式化。

有关如何修复或解决此问题的任何想法？感谢。

Answer 1

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

mailchimp / email客户端的图像对齐问题

1 个答案: