2014-09-04 212 views
3

我試圖創建一個電子郵件的HTML模板,我遇到了幾個問題(Outlook不處理圖像大小調整等)。我迄今爲止無法解決的一個問題是文本在具有固定寬度的元素(表格或div)中進行換行。Outlook中的HTML電子郵件:Wrap text

下面是一個簡單的例子:

<!DOCTYPE html> 
<html> 
<head lang="en"> 
    <meta charset="UTF-8"> 
    <title></title> 
</head> 
<body> 
    <table width="300px"> 
     <tr> 
      <td width="300px""> 
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed turpis nunc. Nulla nec sapien ut ligula sollicitudin vestibulum eleifend a augue. Integer felis nulla, venenatis non consectetur nec, vulputate at enim. Suspendisse potenti. Curabitur sed magna metus. Nullam ut lectus ac arcu malesuada convallis. Ut dictum facilisis augue et semper. Phasellus euismod maximus turpis, at finibus dolor placerat ut. Vestibulum ultrices imperdiet enim, ac pharetra nunc fermentum non. 
      </td> 
     </tr> 
    </table> 
</body> 
</html> 

它呈現在瀏覽器中一個整潔的小盒子和大多數電子郵件客戶端,但前景完全忽略了寬度。幫助將不勝感激。

回答

6

包裝確實有效,只需將px從寬度屬性中移除即可。展望真的很挑剔。

2

您必須使用br標籤爲Outlook明確設置換行符。它很糟糕,但它是唯一可靠的解決方案。

+0

謝謝!我明天會看看! – SverkerSbrg 2014-09-04 10:35:31

+0

https://github.com/dcondrey/Email – davidcondrey 2014-09-04 18:05:14

相關問題