CSS word-break: break-word не работает

**k0ttee** » 23 ноя 2018, 00:42

Почему CSS word-break: break-word не работает. Браузеры могут разбивать очень длинные слова на слоги (по правилам языка) и переносить на новую строку. Чтобы это работало, необходимо в свойствах страницы задать язык... иначе - браузер не будет знать как правильно разбить слово на слоги.

Код: Выделить всё: <html lang="ru">

Веселье начинается, когда в русской странице хочется разбивать нечитаемую последовательность символов (такую как пароль или контрольная сумма).

: CSS word-break не работает.png (122.48 КБ) Просмотров: 150

Недавно стояла задача разбивать три длинные строки: одна в 95 символов, вторая и третья по 64 символа. Пришлось поломать голову над вопросом: "А че оно не разбивается на несколько строк?" Пока не пришло понимание, что в нечитаемой лабуде из букв и цифр нет слогов.

Заставить браузеры делать перенос свойством так и не удалось. Пришлось через JS добавить костыль, который после каждого 32 символа дописывал тэг <wbr> (мягкий перенос похожий на <br>). В чем отстой такого решения? Визуально - то что надо, но для выделения разбитая комбинация становится несколькими строками (что не удобно для выделяющего).

: Дизайн кошелька криптовалюты.png (104 КБ) Просмотров: 150

Ясное дело, что браузеры делаются в первую очередь для обслуживания "текстов для людей"... а не хэшей и контрольных сумм.
Если кто-то встречал решение без костылей - делитесь (за вознаграждение). :flag:

Примеры:

95 символов

Код: Выделить всё: L5VfP7C9hMTenUAwpQMoeQVmof2Ey9yJ8bBR9QDQxgjRcKJ7FybLHbSd7ron412kCdYztRhUQcQnjRbhBBEavPxBAHHTvnL

64 символа

Код: Выделить всё: 8183561c9b4c8bf7a26dcab13f717b88aca29dc28b6e7e0050e2b27ca0964a0e