Я разрабатываю шаблон электронной почты. При просмотре в сообщениях электронной почты Outlook слова разбиваются на две строки с дефисами. Я пробовал много разных свойств css в теге td, но он ничего не делает.
Разве это вообще невозможно контролировать?
<tr>
<td align = "center"
style = "text-transform: initial;
letter-spacing: 0;
font-size:40px;
line-height: 48px;
font-weight: 700;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
word-break: break-word;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
border-collapse: collapse;">
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</div>
</td>
</tr>
<!--This is just a spacer-->
<tr>
<td style = "-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse; line-height:20px; font-size:20px" height = "20px">
</td>
</tr>
<tr>
<td align = "center"
style = "-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
word-break: break-word;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
border-collapse: collapse;
line-height: 30px;
letter-spacing:0.02em;
font-size:17px;
line-height:30px;">
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
</td>
</tr>






Как говорит mdn: насчет дефисов:
Words are not broken at line breaks, even if characters inside the words suggest line break points. Lines will only wrap at whitespace.
Итак, вы можете создать класс no-hyphens и использовать его:
.no-hyphens {
hyphens: none;
}
@pitzki действительно сложно сказать без кода. Не могли бы вы разместить код и изображение, какого результата нужно добиться?
Я отредактирую исходный пост
@pitzki и какой желаемый результат?
Изображение внизу без дефисов.
@pitzki, пожалуйста, посмотрите мой обновленный ответ
В моем встроенном коде есть дефисы: их нет, но это не имеет значения.
@pitzki Не стесняйтесь задавать любой вопрос. Если ответ вам помог, вы можете пометить его как ответ, чтобы упростить дальнейший поиск другим пользователям. Как работает прием ответа.
Был модификатор, который я получил из источника, в котором был этот фрагмент: w: Автогифенация Я вынул.
Здорово, что вы нашли место, где стоит hyphen! :)
Спасибо, ваше предложение относится ко всему абзацу и хранит его в одной строке. Мне нужно исправить слова, разбивающиеся посередине.