Как сделать автоматический перенос слов в тексте, на сайте?

Question

[Алексей Смирнов]

Здравствуйте.

Подскажите пожалуйста, существует ли какой-либо способ переноса слов (русского языка) в тексте на сайте, при помощи JS, JQuery, CSS3 ?
Я имею ввиду автоматический перенос части слова на новую строку с использованием знака "-".

P.S. Может для этого существуют какие-либо уже готовые скрипты, словари.
P.P.S. Правда в JavaScript я слабо разбираюсь.

Answer 1

[Markus Kelvin]

Чтобы получить "-" при переносе слов используйте библиотеку
Hypernator там все просто подключаете js, указываете класс в параграфе class="hyphenate"

Comments

[Алексей Смирнов]

У меня не заработал Ваш способ:
https://jsfiddle.net/ERAFY/evbe42zj/
Может я конечно вопрос не полностью сформулировал.

[Markus Kelvin]

Алексей Смирнов:
p {
margin-left: 30px;
margin-right: 45px;
line-height: 1.58;
display: inline-block;
word-break: break-word;
text-align: justify;
}

[Markus Kelvin]

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

[Алексей Смирнов]

Markus Kelvin: И даже так, переноса не произошло https://jsfiddle.net/ERAFY/evbe42zj/1/

[Markus Kelvin]

Алексей Смирнов: если вы уменьшите окно максимально то заметите что слова начали переноситься.. дело в том что пока есть место сужения, слова не будут переноситься.

но для более лучшей реализации используйте лучше https://github.com/mnater/Hyphenator

[Алексей Смирнов]

Markus Kelvin: Да. заметил. Только они переносятся без "-" и не по правилам русского языка.

[Markus Kelvin]

В таком случаи чтобы получить "-" используйте библиотеку https://github.com/mnater/Hyphenator, там все просто подключаете js, указываете класс в параграфе class="hyphenate"

[Алексей Смирнов]

Markus Kelvin: Да, подключить просто. Только почему-то к тому тегу к которому я добавляю class="hyphenate" это текст исчезает со страницы)))

[Алексей Смирнов]

Markus Kelvin: Я дальше сам разберусь с этой библиотекой.
Вы не могли бы написать новый ответ об этой библиотеке с гитхаба, чтобы я его отметил решением. Просто ответ word-break: normal; не является решением.

[Markus Kelvin]

Алексей Смирнов: обновил свой прежний ответ.