html - 具有最大宽度属性的电子邮件客户端上的文本溢出省略号

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

我不知道有任何 hack 可以做你想做的与 outlook 兼容的事情。