CSS word-wrap: слово break не работает на IE9

У меня есть маленький css script, который заставляет <a> tag word-wrap в div. Он отлично работал на FF, Chrome, но не работал на IE9. Как я могу это исправить?

.tab_title a{
    word-wrap: break-word;
}

Ответ 1

Я удаляю тег привязки после класса .tab_title, и он работает

Ответ 2

Для подобной проблемы я использовал display: inline-block в теге <a>, который, похоже, помогает. И word-break: break-all, поскольку меня беспокоили длинные URL-адреса, которые не обертываются.

Итак, это в вашем случае по существу...

.tab_title a {
    display: inline-block;
    word-break: break-all;
}

Ответ 3

Это может сделать трюк: http://www.last-child.com/word-wrapping-for-internet-explorer/

Другое сообщение также предлагает применить к нему word-break:break-all и word-wrap:break-word.

Ответ 4

Попробуйте следующее:

.tab_title a{
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

Ответ 5

word-wrap: word-break; работает только в ff и chrome, а не в IE8 и IE9.
word-break: break-all; тоже не работает.

Ответ 6

У меня был хороший успех в Chrome, Firefox и IE с помощью:

word-break: break-word;
word-wrap: break-word;

В моем проблемном случае я использовал:

display: table-cell;

и мне пришлось включить

max-width: 440px;

чтобы получить упаковку во всех браузерах. В большинстве случаев максимальная ширина не нужна. Использование

word-break: break-all;

не работает в IE, потому что, хотя длинные слова без пробелов будут обернуты, короткие слова также прекратят обертывание в пробелах.

Ответ 7

Недавно я боролся с этим в Angular между IE/Edge и Chrome. Вот что я нашел для меня работающим

  overflow-wrap: break-word;
  word-wrap: break-word;

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

Ответ 8

Я только что понял, что word-wrap: break-word работает только частично в IE8 и IE9. Если у меня есть строка слов с пробелами, то эта строка обертывается. Но если моя строка состоит из одного длинного слова, она заставляет родительский/контейнерный элемент расширяться в соответствии с его шириной