Блог

Главная - Вопросы по программированию - Как заставить word break работать на ie11 и edge?

Как заставить word break работать на ie11 и edge?

#css #internet-explorer-11 #microsoft-edge #word-wrap

#css #internet-explorer-11 #microsoft-edge #перенос слов

Вопрос:

У меня проблема со словом break в ie11 и edge, мои заголовки должны выглядеть так: ожидаемый результат

И на самом деле это выглядит так: фактический результат

Я пробовал overflow-wrap: break-word; и word-break: break-word , ни один из которых не работает ни с одним из браузеров.

Есть ли какой-нибудь способ заставить его работать с браузерами ms?

ps. мой html выглядит примерно так :

 <div class="col-md">
    <h1 class="name">
        <span class="field">text i want to word break correctly</span>
    </h1>
</div>

Комментарии:

1. Я поддерживаю ответ welcomegkm. Вы пробовали решение в IE и Edge, чтобы посмотреть, может ли оно решить проблему? Вы также можете попробовать добавить overflow: hidden; overflow-wrap: break-word; word-break: break-word; word-wrap: break-word; CSS, чтобы сделать его совместимым с IE, Edge и Chrome.

Ответ №1:

Используйте свой CSS следующим образом.

 word-break: break-word; /* Chrome, Safari */
word-wrap: break-word; /* IE11, Firefox */