Разбивка абзаца по содержанию

Question

Я разрабатываю шаблон электронной почты для дальнейшей автоматизации с помощью Mauti c. Я столкнулся с проблемой с переносом заголовка, который должен быть разбит на 2 строки.

Что нужно?

ЕСЛИ общая ширина не превышает ширину содержащего <td>:

• приветствие в 1-й строке
• title и name во 2-й строке

Пример:

Привет
Мистер Ли

или

Привет
Миссис Хендерсон

IF title и name во второй строке шире содержащего <td>, заголовок должен присоединиться к приветствию на 1-я строка.

Пример:

Привет, миссис
Хендерсон-Ли

Все стили будут вписаны в разметку перед перемещением ее в Маути c.

Что я пробовал?

Я пробовал комбинации  , <wbr>, <pre>, а также ряд CSS свойств, включая width, display, white-space, word-break или overflow-wrap. Я не смог объединить это таким образом, чтобы это работало для всех трех примеров.

Answer 1

Этого невозможно достичь в каком-либо значимом смысле, даже с серверным решением.

Возможны бесконечные вариации, в которых ваша электронная почта будет отображаться (включая мобильные телефоны, планшеты, настольные компьютеры, а также как вариации на разные операционные системы, а также вариации на основе индивидуальных настроек, и этот список можно продолжить).

То, что вы совершенствуете в одном почтовом клиенте, будет отличаться в другом.

Так что ширина вашего <td> может меняться в зависимости от почтового клиента, который его получает.

Некоторые почтовые клиенты, такие как Gmail, могут даже изменить ваш шрифт.