Outlook中图像旁边的空间答案

【问题标题】：space next to images in outlookOutlook中图像旁边的空间
【发布时间】：2017-02-14 13:17:44
【问题描述】：

我在使用 Outlook 时遇到问题

如下图所示，我的图像右侧似乎有大约 5 像素的空间

我已经对图像进行了高亮显示，它显示了这个空间

这只发生在 Outlook 上

<html>

<head>
  <title></title>
</head>

<body>
  <table border="0" cellpadding="0" cellspacing="0" class="mcnCaptionBlock" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;width: 600px;" width="100%">
    <tbody class="mcnCaptionBlockOuter">
      <tr>
        <td class="mcnCaptionBlockInner" style="/* padding: 9px; */mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" valign="top">
          <table border="0" cellpadding="0" cellspacing="0" class="mcnCaptionRightContentOuter" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" width="100%">
            <tbody>
              <tr>
                <td class="mcnCaptionRightContentInner" style="/* padding: 0 9px; */mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" valign="top">
                  <table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnCaptionRightImageContentContainer" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                    <tbody>
                      <tr>
                        <td class="mcnCaptionRightImageContent" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" valign="top">
                          <img alt="" class="mcnImage" src="https://gallery.mailchimp.com/f567dd1675744adea35c088a5/images/676cbf8b-8c4b-49fa-8cdf-0cf1b15a5ccd.png" style="max-width: 142px;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;vertical-align: bottom;"
                          width="132">
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  <table align="right" border="0" cellpadding="0" cellspacing="0" class="mcnCaptionRightTextContentContainer" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;width: 425px;margin-top: 15px;"
                  width="396">
                    <tbody>
                      <tr>
                        <td class="mcnTextContent" style="text-align: left;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #202020;font-family: Helvetica;font-size: 16px;line-height: 125%;" valign="top"><span style="font-size:20px"><strong>Top things to do
												in retirement</strong></span>
                          <br>
                          <span style="font-size:14px">Read our blog on the top things to do
												when you retire. Whether it’s moving closer to your family,
												travelling, volunteering or trying a new sport or hobby.<br>
												<br>
												<a href="http://www.hiltonsmythe.com" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #2BAADF;font-weight: normal;text-decoration: underline;" target="_blank"><img align="left" data-file-id="3021085" height="53" src="https://gallery.mailchimp.com/f567dd1675744adea35c088a5/images/588b19eb-10f7-4600-ab33-05dbfb31143a.png" style="border: 0px initial;width: 150px;height: 53px;margin: 0px;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" width="150"></a></span>
                          <br>
                          <br>&nbsp;
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>

</body>

</html>

任何帮助都会很棒

【问题讨论】：

标签： html css outlook html-email

【解决方案1】：

我会尝试的第一件事是在包含图像的地方加上一个明确的 width="132" ，也许还有它的周围。如果未定义大小，Outlook 将倾向于填充表格和单元格以填充空间。

【讨论】：