5

Есть проблема с переносом длинных слов внутри блока. Слишком длинные слова переносятся на следующую строку и тем самым ломают всю вёрстку.

Подскажите скрипт который бы осуществлял перенос с разрывом слов.

Было бы идеально если бы разрыв слов осуществлялся по правилам русского языка, но в тексте присутствуют и слова на латинице!

4
  • 1
    quittance.ru/blog/index.php?category=6
    – ReinRaus
    Commented 15 мая 2013 в 13:08
  • 1
    Дизайнер должен предусматривать такие вещи, иначе это не дизайнер, а рисовальщик в Фотошопе. Вечно понапихают всяких «John Smith», ибо некомпетентны или ссат посмотреть как будет выглядеть «Константин Константинопольский».
    – artuska
    Commented 15 мая 2013 в 18:41
  • 1
    А решение проблемы очень простое — поставьте overflow:hidden и ничего страшного, что некоторые длинные слова будут обрываться. А со скриптами переноса запаритесь, ну их нафиг.
    – artuska
    Commented 15 мая 2013 в 18:43
  • @ReinRaus, Вариант не плохой..., правда нет времени разбираться, поэтому выбираю вариант предложенный @artuska! Всем СПАСИБО!
    – cheh1
    Commented 16 мая 2013 в 11:16

2 ответа 2

4

Javascript hyphenator

2

В 2017 году более актуально будет использовать Hyphenopoly.js. С этой библиотекой сначала проверяется поддержка расстановки переносов в самом браузере, и только потом под­гру­жа­ются библиотеки если поддержки в браузере нет.

В большинстве современных браузеров уже есть поддержка расстановки переносов слов при условии правильного указания кода языка. За это отвечают правила CSS:

<style type="text/css">
    .hyphenate {
        hyphens: auto;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
    }
</style>

Язык указывается так:

<article lang="ru">

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.