Outlook电子邮件丢失了左侧填充

时间:2016-08-05 18:15:33

标签: css outlook email-templates

我知道这是非常常见的问题,但我已经尝试了所有推荐的解决方案,但没有任何效果。

我在Outlook浏览器中丢失了保留的电子邮件模板。我想只为outlook添加左边距/填充,让它在其他浏览器中被忽略,因为它们看起来很好并且不需要额外的余量。我需要使用内联css修复它,而不需要任何样式。我的css中没有使用任何边距或填充。

这是我的代码:

<table cellpadding="0" cellspacing="0" width="598" style="width: 598px;">
        <tr>
            <td><span style="width:45px;height:20px;"><div style="width:25px;height:20px;">&nbsp;</div></span></td>
            <td>
                <span style="width:45px;height:15px;"><div style="width:25px;height:15px;">&nbsp;</div></span>
                <div>some text</div>
                <span style="width:45px;height:15px;"><div style="width:25px;height:15px;">&nbsp;</div></span>
                <div>some text</div>
                <span style="width:45px;height:20px;"><div style="width:25px;height:20px;">&nbsp;</div></span>
                <div>some text</div>
                <span style="width:45px;height:40px;"><div style="width:25px;height:20px;">&nbsp;</div></span>
                <div>some text,</div>
                <span style="width:45px;height:20px;"><div style="width:25px;height:20px;">&nbsp;</div></span>
                <div>some text</div>
                <span style="width:45px;height:5px;"><div style="width:25px;height:5px;">&nbsp;</div></span>
            </td>
            <td><span style="width:45px;height:20px;"><div style="width:25px;height:20px;">&nbsp;</div></span></td>
        </tr>
    </table>

我尝试为每个td元素添加填充,但是当它修复了outlook中的视图时,它在其他浏览器中添加了额外的填充。添加&nbsp;会得到相同的结果。

感谢任何帮助!

1 个答案:

答案 0 :(得分:-2)

<table cellpadding="0" cellspacing="0" width="598" style="width: 598px;">
        <tr>
            <td style="width:100%;padding-left:10px">
               <tr>
                 <td>
                   <table>
                     <!-- your content here-->
                   </table>
                 </td>
               </tr>
            </td>
        </tr>
</table>

尝试在主 td 中包装内容并设置样式。这将强制整个电子邮件正文中的填充。我尝试过这种方法并且对我有用。试一试,如果有帮助,请告诉我。