Question

我在将我的html电子邮件在Mac Mail客户端上正确呈现时遇到问题。基本上，显示屏右侧出现约20px宽的白色条带。

这是我使用的html：

<div style="padding:30px !important; height: 60px; border-bottom: 10px solid #07d7ed;">
  <div style="width:100%">
      <div style="float:left">Logo</div>
      <div style="float:right">Some Text</div>
  </div>
</div>

任何想法，为什么会这样？

Answer 1

div在任何地方都不受支持，并且经常带有自己的样式。请尝试使用表格：

<table width="100%" cellspacing="0" cellpadding="0" border="0">
    <tr>
        <td align="left" valign="top">


            <table width="48%" cellspacing="0" cellpadding="0" border="0" align="left">
            <!--Use less than 50% width to account for outlook which adds space to floated tables -->

                <tr>
                    <td align="left" valign="top">Logo</td>
                </tr>
            </table>

            <table width="48%" cellspacing="0" cellpadding="0" border="0" align="right">
            <!--Use align instead of float to account for older browsers and outlook which don't handle floats correctly-->
                <tr>
                    <td align="left" valign="top">sometext</td>
                </tr>
            </table>


        </td>
    </tr>
</table>

试试这个，看看它是否解决了你的问题。如果没有，请查看是否可以发布屏幕截图。

邮件客户端Mac上的html电子邮件填充权限问题

1 个答案: