如何在Microsoft电子邮件客户端中修复额外空间

时间:2019-03-07 21:07:01

标签: html-email

The is particular table is extending past the Max width 600px frame

这是我在下面使用的代码:该问题仅在Microsoft电子邮件客户端中发生

<!--[if mso]>
                <center>
                 <table><tr><td width="600px">
                <![endif]-->
                <div>
                    <table cellspacing="0" cellpadding="0" border="0" align="center" bgcolor="#ffffff" width="600" class="email-container" style="max-width: 600px !important;">
                   
                        <tr>

                            <td
                              style="border-left: solid 30px #e2ded9; background: #e2ded9; padding-left: 0px;"
                              bgcolor="#e2ded9"
                              width="30">
                               &nbsp;
                            </td>
                            <td align="center" style=" display: inline-block; padding: 20px; text-align: center; font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint oc ut&nbsp;erat. <br>
                            <br>
                            </td>
                            <td
                              style="border-right: solid 30px #e2ded9; background: #e2ded9;"
                              bgcolor="#e2ded9"
                              width="30">
                              &nbsp;
                            </td>
                        </tr>
                    </table>
                </div>
                        <!--[if mso]>
                 </td></tr></table>
                 </center>
                 
                <![endif]-->

0 个答案:

没有答案