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

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

Сообщение k0ttee »

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

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


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

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


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

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

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


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

Примеры:

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

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

Аватара пользователя
k0ttee

 
Группа: Супермодераторы
Сообщения: 9446
Рефералы: 2
Зарегистрирован: 02 май 2014
Откуда: пам пари ру рам
Средств на руках: 312.60
Статус: бубны козыри
Спонсор
 

Вернуться в Верстка, дизайн, графика

 


  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 10