У меня проблема с переполнением родительского элемента в IE11 и EDGE и безупречной работой в Chrome, Firefox и Opera.
Я пробовал несколько подходов
Подход 1 -> Использование break-all вместо break-word:
При таком подходе текст усекается между словами. Так что я не могу использовать этот подход
Подход 2 -> Использование свойства max-width или width, установленного для дочернего элемента
При таком подходе ширина должна быть жестко закодирована для всех дочерних элементов управления или должна быть задана как несколько%, например 95%
Подход 3 -> Использование типа дисплея в качестве встроенного
При таком подходе полей не будет, отступы, так как inline будет игнорировать все эти свойства.
Я попробовал вышеуказанные подходы и добавил проблему в ссылку ниже jsfiddle
"<a href="https://jsfiddle.net/gc4yknax/" rel="nofollow noreferrer">https://jsfiddle.net/gc4yknax/</a>"
Этот код отлично работает в Chrome и прерывается в Edge / IE11.
Ожидаемый результат: длинный текст должен быть перенесен на следующую строку и не должен выходить за пределы контейнера.
Фактический вывод: длинный текст не переносится и выходит за пределы родительского контейнера.