Css 强制长URL'；s将与html电子邮件的100%响应div宽度断开

我正在尝试创建响应的html电子邮件，下面的一行有两个表数据，其中一个包含很长的URL，另一个包含图像。我已经尝试了一切，让URL响应性地中断，但在outlook.com、outlook 2011、iphone 4s和iphone 5中都不起作用。有什么问题

    <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>

a href=”https://www.google.com/url?q=http://www.hi.com?utm_source%3Dexpert%2520sium%3Dexpert%2520badCNQcMIQSH8F4dPpFoA“rel=“nofollow”img src=“h1.png”alt=“Expert”width=“125px”height=“125px”/a

如果您将过长的URL用这种样式包装在一个div中，这应该是一个令人满意的快速胜利

---

如果你用这种样式将过长的URL包装在一个div中，那应该是一个令人满意的快速成功。

你为什么不尝试只做一个链接呢。这样，邮件中只显示“链接”，而不是长url因为我希望用户能够复制粘贴链接并在其网站中使用它。我需要用户查看链接word wrap:break word在chrome中不起作用，并且outlook.comCSS在电子邮件客户端中的支持非常不稳定：。你能缩短网址吗？为什么不试着做一个链接呢。这样，邮件中只显示“链接”，而不是长url因为我希望用户能够复制粘贴链接并在其网站中使用它。我需要用户查看链接word wrap:break word在chrome中不起作用，并且outlook.comCSS在电子邮件客户端中的支持非常不稳定：。你能缩短网址吗？

style="word-break: break-all"