Как исправить лишнее пространство в почтовом клиенте Microsoft - PullRequest
0 голосов
/ 08 марта 2019

Эта конкретная таблица выходит за рамки максимальной ширины 600 пикселей

Вот код, который я использую ниже: Эта проблема возникает только в почтовых клиентах 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]-->
...