Событие, когда упаковка слов - PullRequest
Новая
       6

Событие, когда упаковка слов

3 голосов
/ 28 апреля 2019

При работе с веб-сайтами для ПК и мобильных устройств с адаптивным дизайном ширина линий и размеры шрифтов часто могут сильно различаться.Особенно заголовки могут быть перенесены в места inappr-opriat-e, если создатель контента не знает о проблеме.

Есть ли способ позволить сканеру сканировать сайт на наличие переносов слов в браузере или иметь javascriptслучайный пожар на WordPrapping?

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

холм на Северном острове Новой Зеландии.

является верным примером

1 Ответ

1 голос
/ 28 апреля 2019

Хотя это не решение JavaScript, свойство CSS hyphens может обрабатывать автоматические переносы для вас, действуя так, как если бы вы вставили ­ маркеры дефиса по всему документу. 

.hyphens {
    hyphens: auto;
}

Надлежащие точки переноса определяются в соответствии с языком, установленным в документе или элементе. 

<p lang='en' class='hyphens'>Content containing extremely long words</p>

К сожалению, свойство hyphens не полностью поддерживается Chrome (см. caniuse ) но возможно это когда-нибудь изменится.В настоящее время все другие основные браузеры поддерживают эту функцию.

Библиотека с именем Hyphenator существует и предлагает поддержку автоматического переноса слов для браузеров, которые в противном случае не поддерживают hyphens: auto или не имеют специальных языковых переносов.узоры.

...