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

Question

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

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

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

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

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

那么有没有办法获得这种理想的行为，而不是手动将文本截断为某些设定的字符限制？

Answer 1

Outlook中不支持

text-overflow和max-width。您可以在此处查看电子邮件客户端的CSS兼容性：http://www.campaignmonitor.com/css/

我不知道有任何黑客可以做你想要的与outlook兼容的东西。

Answer 2

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

最好在实际文本中嵌入省略号。