3

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

  1. 宽度应该达到最大宽度（即使用max-widthCSS 属性）
  2. 任何超过该最大宽度的文本都必须用省略号截断。

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

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

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

那么有没有办法获得这种所需的行为，除了手动将文本截断到某个设置的字符限制？

4

2 回答 2

6

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

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

于 2012-10-16T22:42:50.047 回答
2

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

您最好将省略号嵌入到实际文本中。

于 2012-10-16T22:30:51.517 回答