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



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

 CSS word-break не работает.png ( 122,48 килобайт ) Кол-во скачиваний: 695


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

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

 Дизайн кошелька криптовалюты.png ( 104 килобайт ) Кол-во скачиваний: 695


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

Примеры:

95 символов

64 символа

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.