我正在构建一个 HTML 电子邮件,它有两个要求:
- 宽度应不超过最大宽度(即使用
max-width
CSS 属性) - 任何超过最大宽度的文本都必须用省略号截断。
我尝试使用以下样式,但它不适用于所有电子邮件客户端或大多数浏览器(除了 Chrome):
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 740px;
我知道在 IE 中,您需要为包含您截断的元素的所有元素设置宽度,但我尝试使用 max-width 但它不适用。
那么,除了手动将文本截断到某个设置的字符限制之外,有没有办法获得这种期望的行为?
最佳答案
Outlook 不支持文本溢出和最大宽度。您可以在此处检查电子邮件客户端的 CSS 兼容性:http://www.campaignmonitor.com/css/
我不知道有任何 hack 可以做你想做的与 outlook 兼容的事情。
关于html - 具有最大宽度属性的电子邮件客户端上的文本溢出省略号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12924401/