具有 max-width 属性的电子邮件客户端上的文本溢出省略号答案

【问题标题】：Text overflow ellipsis on email clients with max-width property具有 max-width 属性的电子邮件客户端上的文本溢出省略号
【发布时间】：2012-10-16 22:25:12
【问题描述】：

我正在构建的 HTML 电子邮件有两个要求：

我尝试使用以下样式，但它不适用于所有电子邮件客户端或大多数浏览器（Chrome 除外）：

text-overflow: ellipsis; 
white-space: nowrap; 
overflow: hidden; 
max-width: 740px;

我知道在 IE 中，您需要为包含您截断的元素的所有元素设置宽度，但我尝试使用 max-width 并且它不适用。

那么有没有办法获得这种期望的行为，而不是手动将文本截断到某个设置的字符限制？

【问题讨论】：

【解决方案1】：

Outlook 不支持文本溢出和最大宽度。您可以在此处检查电子邮件客户端的 CSS 兼容性：http://www.campaignmonitor.com/css/

我不知道有任何黑客可以做你想做的与 Outlook 兼容的事情。

【讨论】：

【解决方案2】：

电子邮件客户端是 CSS 合规性阶梯的最底层。所以不要指望普遍支持这一点。甚至像max-width 这样的东西可能并不在所有地方都得到支持。

在实际文本中嵌入省略号可能会更好。

【讨论】：