Outlook 中的 HTML 电子邮件：换行答案

【问题标题】：HTML email in outlook: Wrap textOutlook 中的 HTML 电子邮件：换行
【发布时间】：2014-09-04 09:33:31
【问题描述】：

我正在尝试为电子邮件创建一个 html 模板，但遇到了几个问题（outlook 无法处理图像大小调整等）。到目前为止我无法解决的一个问题是文本在元素（表格或 div）内以固定宽度换行。

这是一个简单的例子：

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

它在浏览器和大多数电子邮件客户端中呈现为一个整洁的小框，但 Outlook 完全忽略了宽度。帮助将不胜感激。

【问题讨论】：

标签： html outlook html-email

【解决方案1】：

包装确实有效，只需将 px 从您的宽度属性中取出。 Outlook 真的很挑剔。

【讨论】：

【解决方案2】：

您必须使用 Outlook 的 br 标记明确设置换行符。这很糟糕，但它是唯一可靠的解决方案。

【讨论】：

谢谢！我明天去看看！