Bezdepbonusu7Программирование: статьи и ответы

Вопрос

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

Автор вопроса: enceeОтветов: 2

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

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

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

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

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

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

htmlcss

Ответы

Ответ 1 · рейтинг 2 · Alex Wayne

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

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

Ответ 2 · рейтинг 6 · Justin

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

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

Перевод вопроса и ответов сообщества Stack Overflow, лицензия CC BY-SA. Оригинал на Stack Overflow.

Похожие материалы