css - 强制长 URL 打破响应式 div 宽度 100% 用于 html 电子邮件

Question

我正在尝试创建响应式的 html 电子邮件，我在下面的行中有两个表数据，其中一个包含一个非常长的 URL，另一个包含一个图像。我已经尝试了一切，以使 URL 响应中断，但它在 outlook.com、outlook 2011、iphone 4s 和 iphone5 中不起作用。问题是什么？

    <td style="padding:0px 30px 0px 10px;max-Width: 500px; height:auto;display: inline-block; word-break: break-all;">
            <div style="padding:0px 0px 0px 10px;width:100%;height:auto;font-size:12px;color:#999999; text-align:left; border: solid #999999 1px; line-height: 1.1em;word-wrap: break-word;-ms-word-break: break-all;word-break:break-all; word-break:break-word;-webkit-hyphens: auto; -moz-hyphens: auto;-ms-hyphens:auto; hyphens: auto;">
                    <pre><code><p style=" word-wrap: break-word;">
&lt;a href="https://www.google.com/url?q=http://www.hi.com?utm_source%3Dexpert%2520sium%3Dexpert%2520badCNQcMIQSH8F4dPpFoA" rel="nofollow"&gt;&lt;img src="h1.png" alt="Expert"width="125px" height="125px"&gt;&lt;/a&gt;
                     </p></code></pre>
            </div>

      </td>
     <td><img></td>

Answer 1

style="word-break: break-all"

如果您将过长的 URL 包装在具有该样式的 div 中，那应该是一个令人满意的快速获胜。