Можно ли убрать дефис в сообщениях электронной почты Outlook?

Я разрабатываю шаблон электронной почты. При просмотре в сообщениях электронной почты 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">&nbsp;
     </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>

Можно ли убрать дефис в сообщениях электронной почты Outlook?

Можно ли убрать дефис в сообщениях электронной почты Outlook?

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
0
32
2

Ответы 2

Как говорит 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 06.04.2021 22:29

@pitzki действительно сложно сказать без кода. Не могли бы вы разместить код и изображение, какого результата нужно добиться?

StepUp 06.04.2021 22:32

Я отредактирую исходный пост

pitzki 06.04.2021 22:36

@pitzki и какой желаемый результат?

StepUp 06.04.2021 23:03

Изображение внизу без дефисов.

pitzki 06.04.2021 23:06

@pitzki, пожалуйста, посмотрите мой обновленный ответ

StepUp 06.04.2021 23:10

В моем встроенном коде есть дефисы: их нет, но это не имеет значения.

pitzki 06.04.2021 23:29

@pitzki Не стесняйтесь задавать любой вопрос. Если ответ вам помог, вы можете пометить его как ответ, чтобы упростить дальнейший поиск другим пользователям. Как работает прием ответа.

StepUp 07.04.2021 09:55

Был модификатор, который я получил из источника, в котором был этот фрагмент: w: Автогифенация Я вынул.

Здорово, что вы нашли место, где стоит hyphen! :)

StepUp 07.04.2021 09:56

Другие вопросы по теме