強制長URL與HTML郵件的響應div寬度100％打破

我試圖創建HTML電子郵件響應，我有兩個表數據，其中一個包含一個很長的URL其他一個圖像。我已經嘗試了所有的東西，使網址中斷，但它不適用於outlook.com，outlook 2011，iphone 4s和iphone5。問題是什麼？強制長URL與HTML郵件的響應div寬度100％打破

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

來源

2014-10-31 Elina Lulle

你爲什麼不嘗試只是建立一個鏈接？ Link。這樣，在郵件中它只會說「鏈接」而不是長鏈接。 – Refilon 2014-10-31 10:08:55

'word-wrap：break-word;' – Nick 2014-10-31 10:12:03

因爲我希望用戶能夠複製粘貼鏈接並將其用於他們的網站。我需要用戶看到鏈接 – 2014-10-31 10:12:39

style="word-break: break-all"

如果你換你公然長的URL中與造型一個div，這應該是一個令人滿意的速贏。

來源

2016-02-09 10:09:39

強制長URL與HTML郵件的響應div寬度100％打破

回答

相關問題