Многоточие переполнения текста в почтовых клиентах со свойством max-width

У меня есть электронное письмо в формате HTML, которое я создаю и которое имеет два требования:

  1. Ширина должна быть плавной до максимальной ширины (т.е. используйте свойство CSS max-width)
  2. Любой текст длиннее этой максимальной ширины должен быть обрезан многоточием.

Я попытался использовать следующий стиль, но он не работает во всех почтовых клиентах или большинстве браузеров (кроме Chrome):

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

Я знаю, что в IE вам нужно установить ширину для всех элементов, которые содержат элемент, который вы усекаете, но я пытался использовать максимальную ширину, и это не применимо.

Итак, есть ли способ получить желаемое поведение, за исключением ручного усечения текста до некоторого установленного ограничения символов?


html css html-email
person encee    schedule 16.10.2012    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Почтовые клиенты — это нижняя ступень лестницы соответствия CSS. Так что не ждите всеобщей поддержки. Такие вещи, как даже max-width, могут поддерживаться не везде.

Возможно, вам лучше вставить многоточие в текст.

person Alex Wayne    schedule 16.10.2012

arrow_upward
6
arrow_downward

text-overflow и max-width не поддерживаются в Outlook. Вы можете проверить совместимость CSS для почтовых клиентов здесь: http://www.campaignmonitor.com/css/

Я не знаю ни одного способа сделать то, что вы хотите, совместимого с Outlook.

person Justin    schedule 16.10.2012